創建您自己的自定義 iPhone 鍵盤指南


[digg-me]


玩漂亮的 iPhone 主題並不需要很長時間。您會發現創建自己的主題很有趣。我們將從自定義鍵盤開始,但使用相同的原理,您可以自定義 iPhone 的許多區域,例如電源滑塊、電池充電圖像等。這很容易。我真的很想!讓我們開始吧。

致謝:感謝 Mark 為我使用的原始模板以及為本教程的大部分內容提供基礎的非常有用的教程。

這是您需要的:

  • 越獄的iphone (當然!)我安裝了一個冬季板
  • 文件傳輸實用程序 – 使用方便的 iPhone 瀏覽器
  • 圖形程序 – 能夠編輯分層 .png 文件(照片煙花)
  • 模板文件,可以在這裡下載。

蝶形鍵盤

如果您想在保持 iPhone 的默認字體的同時更改鍵盤背景,我建議使用 Mark 教程中的模板,該模板已經具有默認文本/字體。 (我選擇為自定義字體和效果重新輸入字母和數字。)

以下是我們創建的所有圖像以及我們如何使用它們的細分。對於未包含的任何內容,您的 iPhone 將默認為標準圖像,因此您始終可以從自定義鍵盤背景 (dialerkeypad.png) 開始,然後再添加更多。

  • 撥號盤.png – 撥號區。此圖像必須為 320 像素寬 x 273 像素高。
  • 撥號器keypad_pressed.png – 關鍵更改也是如此。
  • 撥號器cd.png – 鍵盤上方,這是撥打電話時顯示的號碼背景。
  • 添加聯繫人.png – “添加聯繫人”按鈕
  • addcontact_pressed.png – 新聞版
  • 刪除.png – 退格鍵
  • delete_pressed.png – 新聞版
  • 調用 bkgrnd.png – 呼叫按鈕輪廓和/或透明區域背景。水平重複。 74 像素高。
  • callbkgrnd_pressed.png – 新聞版
  • callglyph_big.png – 自定義鍵盤上顯示的呼叫按鈕。
  • callgplyph.png– 另一個呼叫按鈕圖像,它是 callglyph_big.png 圖像的副本。我不知道這個圖像什麼時候會真正被使用,因為它還沒有被用於按下,但是沒有這兩個 callglyph 圖像,自定義呼叫按鈕將不會出現。稍後再談。

打開 CustomKeypadTutorial.png,您可以看到它具有適用於所有尺寸和佈局的切片和層。

切開海角

切片圖像模板是有趣的部分—— 忙於更改字體、顏色和效果以滿足您的需求。 我們建議先添加您自己的背景圖片。當然,我選擇了用 iPhone 拍攝的可愛蝴蝶圖。

對於我的鍵盤,我想創造一個按鍵被按下的錯覺。所以我為customkeypad.png 中的每個鍵添加了一個輕微的陰影。 (壓制效果即將結束。)

您還需要決定是否保留按鈕網格的輪廓。要隱藏網格,請隱藏 Apple Stock Image 圖層。建議不要完全刪除圖層,以便您在檢查按鈕的大小和位置時可以參考它。

網格層

網格層

複製 Kepad。獲取所需的一切並保存此圖像的備份副本您的備份就是您的朋友,iPhone 主題!現在,回到您的工作圖像。準備保存圖像。

您將需要一個文件夾來存儲您的鍵盤。 文件夾結構為“Dialer Name/Folder/MobilePhone.app/”,圖片放在最裡面的文件夾中。如果文件夾名稱錯誤,鍵盤將無法使用。為了您的方便,我在教程下載中包含了一個“我的撥號器”圖像文件夾。因此,找到“您的圖像在此處”文本文件以查看您的圖像所屬的位置。將切片導出為 .png 圖像。我使用帶有透明蒙版的 png 8 設置。

然後在工作圖像的副本中, 創建第二個框架,它與我們目前所做的完全相同這適用於“抑制”圖像版本。修改按鈕的按下狀態。

例如,我移除了陰影並將文本向下和向右移動了幾個像素以創建按鈕按下效果。我還在文本中添加了一個光環,使其在按下按鈕時看起來會發光。

等結束了, 使用與切片相同的名稱保存這些圖像,但以 _pressed.png 結尾 將它們放在鍵盤文件夾中。當然,保存您的工作文件。

那個討厭的電話字形

如果您想要一個具有自己背景的自定義呼叫按鈕,您將不得不付出更多的努力這個呼叫按鈕沒有像其他按鈕那樣的按下版本,所以它很混亂。實際上,這個圖像的一部分需要透明才能獲得按下通話按鈕的效果,而 callbkgrnd.png 和 lbkgrnd_pressed.png 圖像提供了背景。我花了一段時間才弄清楚。

如果您不想麻煩,可以輕鬆跳過此步驟([連絡先の追加]按鈕和[削除]按鈕)強制 iPhone 使用默認設置。我?我想在通話按鈕上顯示背景圖像,所以我一直在尋找。這是一種反複試驗的方法,查看其他主題並根據需要顯示它們。

如果您下載其他鍵盤主題進行拆解,您會注意到一些 callglyph 按鈕圖像具有透明的像素線。 我嘗試使用 callglyph,發現我想要在圖像底部有幾行透明像素。為了顯示圖像背景,調用按鈕上方沒有細線(在 callbckgrd 圖像文件中提供)。

要創建此按鈕, 我裁剪了通話按鈕所屬的部分背景圖像並將其保存為 callglyph_big.png。然後增加畫布大小並在底部添加一些透明像素。

呼叫按鈕需要特別注意

我添加了一種效果,使角色本身透明。我放大了圖像並擦除了字母后面的背景圖像,以便可以看到按下的背景。

那個callglyph按鈕

調用字形

你準備好了嗎?把這些東西放在你的 iPhone 上,看看你的作品是什麼樣子的。 轉到您的 iPhone 瀏覽器(或選擇的文件傳輸方法),找到 Winterboard 主題,然後添加一個新的 Dialer 文件夾。

在 iPhone 瀏覽器中查找主題

現在你在主題區域,把那個鍵盤放在你的 iPhone 上!

在你的 iPhone 上下載它!

將文件保存到 iPhone 後,打開 Winterboard 並激活新的鍵盤主題。 每當您更改其中一張圖片並想查看新版本時,您必須打開 Winterboard,禁用並重新啟用鍵盤主題,然後等待手機重新啟動。每次主題更改時,舊鍵盤都會閃爍一秒鐘,並且似乎已被緩存。

如前所述,基本思想不僅僅適用於鍵盤。使用相同的技術,我將酷花滑塊主題更改為漂亮的陰陽滑塊按鈕。只需自己獲取主題,使用您的 iPhone 瀏覽器獲取文件並進行自定義。

我很想听聽任何人的意見,看看它是如何工作的。快樂的主題!