.jpg)
【轉】跟我一起做主题——vixis 之Plazmic CDK超豪华详细教程（二）
轉載原創文章請註明，轉載自：原頁@小築[http://www.geraldinelee.com]
這是該教程的第二部分
這個教程出自VIXIS
原帖地址： http://vixis.yo2.cn/go/26222.html
下麵就繼續！
主題製作第三步：Application Icon Screen
在這裏，我們可以設定各個圖示的樣式。哇，重頭戲之一啊。左側的預覽窗格變成了 icon 介面，這是為了方便觀察圖示效果。
選項不少，我們一一看過來。
最上方 font 屬性，是指 icon 介面下方程式名稱的字體，設置不多說，沒什麼特殊。
第二個 Background 就是背景啦，也就是首頁的背景，也是 icon 介面的背景，就是主題的默認背景。挑選一張自己喜歡的、和主題比較搭配的上。圖片大小當然就是主題的大小咯，240×260 或者 320×240。
第三個 NewItem，這個是 Banner 介面下的 NewItem 差不多，但是圖片大小不同，這個是 48×36 的。圖片製作的注意點和 Banner 下那個一樣，要計算 icon 的位置。
第四個 FocusIcon ，指定圖示獲得焦點的時候在圖示上層或下層顯示的圖片，同樣 48×36 的大小。右邊單選框選擇是上層（overlay）還是下層（underlay）顯示。我上兩張圖給大家對比一下。
從圖中可以很明顯的看出差別來。
接下來就是真正的重頭戲，圖示替換。
好長的一個列表，裏面列舉出了所有可以替換的程式的圖示，包括我們常用的，不常用的，甚至聞所未聞的。不管那麼多，一一改過就是。
點擊右鍵出現上圖菜單。可以 Reset to Default（重設為默認）、Reload Image（重載圖片，也就是刷新）、Image Information（顯示圖片資訊，在圖片右下角顯示圖片解析度，比如 48×36）、Change All Icons（更改所有圖示）。最後一個更改所有圖示，需要你實現準備好所有的圖示，而且放到同一個檔夾下，檔案名按照列表中的圖示名來，非焦點狀態和焦點狀態都要有，焦點狀態的檔案名需要加上 _focus。不然 CDK 只幫你替換符合規則的圖示。如果你只需要替換一兩個，那麼在圖示上單擊就可以進行替換。左側為非焦點狀態圖示，右側為焦點狀態圖示。兩個狀態可以使用同一張圖片，那就是沒有兩種狀態的顯示了。好，我們進行圖示的替換，換成我為 PrecisonNew 準備好的圖示們。
需要注意的是，在這裏定義的 Profile（情景模式） 的圖示直接影響到 Banner 介面的那個 FocusIcon，兩者是一致的。另外，這裏定義的圖示，在前面 HomeScreen 裏也是一致的。三位一體，哦也！
列表下面是 Hierarchy（層次）按鈕，可以編輯程式們的層級。單擊出現對話方塊如下。
最上方是新建檔夾按鈕和刪除按鈕，大家可以按照自己的喜好進行調整，不多說。
整個介面最下面是個 WebLink 的定義。曾經嘗試在這裏定義，但是貌似無效，也沒仔細研究，就這樣吧。4.2.2 的 CDK 沒有這個 WebLink 的設置，其他基本一樣。
主題製作第四步：Controls
我們在這裏定義 Dialog（對話方塊）、Button（按鈕）、Menu（功能表）、Titlebar（標題欄）、List（列表）的樣式。左側預覽窗格的樣式已經有比較大的改變，根據右側頂部三個核取方塊來決定顯示的內容。好了，我們一個一個來設置。先看對話方塊。
乖乖，選項不少。
第一個字體設置，不多廢話。
第二個 Background 定義背景。沒有嚴格的圖片大小規定。重點在於後面兩個按鈕。先看那個白框框，那個直接就是用某種顏色代替圖片來定義對話方塊的背景，夠簡單。重中之重在於第二個按鈕，我們點擊一下看看。出現對話方塊如下。
這是什麼東西，貌似看不懂啊。看我慢慢解析。
佔據螢幕最大區域的，無疑就是我們選擇的圖片的放大版。下方顯示了圖片的尺寸：90×60。那四條線一會再說。右上方，毫無疑問，Preview，預覽，下面的 Show Guides 就是是否在預覽視窗裏顯示那四條線的開關（原來那四條線叫做 Guide）。右下方，一堆參數，左右上下。其實這是和那四條線關聯的。我們來詳細研究下這四條線。
默認情況下，上下左右四個參數都是 0，四條線安分的守在圖片的邊緣。但是我們看到預覽卻不成樣子了。
注意圖中左側真機預覽窗格的預覽顯示。
這是為什麼呢？通常情況下，系統中出現的對話方塊的大小比我們選擇的圖片要大。這時候，為了彌補圖片大小不足的缺陷，系統就將我們選擇的圖片向右側、下側不斷的重複填充，於是就出現了上面那個尷尬的場面。
這時候，那四條線聯合那四個參數就發揮出了巨大的作用。我們調整一下左側的那條線到 12 位置處。此時線距離左邊框 12 圖元。效果如下圖。
我們看到，向右方延伸的圖片，左側被切掉了一部分。切掉了多少呢？12 圖元。就是我們設定的數值。這麼看來，重複延伸的就只有剩下的那部分了，那麼這四條線就是定義延伸部分用的了。事實的真、昂貴到有些浪費的首飾鋪、酒店以及豪華像酒店的住宅區、成年人的遊樂場與難得的免費公園。將它們貫通的則是曲折的街相是否就是這樣呢？我們調整右側線條到 12 位置處，同時將左側線歸零。此時出現了另一個現象。如圖。
按照上面的推斷，此時向右延展的部分應該是切剩下的左側部分。但是為什麼預覽中出現了本不該出現的右側的圓角呢？這不是被切除了嘛？但是我們同時還要發現，預覽窗格中右側的圓角矩形比原來的窄。這又是為什麼呢？其實答案已經昭然若揭了。我們動的這條線是切割了圖像沒錯，但是它不僅僅是簡單的切除而已。它其實是分割用的。拿左側線條舉例。它將圖像分割為左右兩個部分。我們試驗的結果是，右側部分向後平鋪延展，左側部分消失。然而事實是，左側部分僅僅在垂直方向上延展而不參與水平方向的延展，而右側部分的延展則兩個方向都要參與，而且從距離左側 12 圖元開始延展。這樣就和左側部分拼合起來，同時給我們造成了一種切除的假像。再來看右側線條。同樣分割成左右兩個部分。但是這次是左側部分需要參與兩個方向的平鋪，右側部分只需要參加一次垂直方向的平鋪即可。但是這怎麼解釋右側方框變窄呢？事實是這樣的。所有的圖都是從左上角開始平鋪的。右側線條切割下的右側部分，僅僅進行了最右側垂直方向上的平鋪工作。然後左側部分則參與了從左上角開始計算的垂直與水平兩個方向的平鋪工作，並且到距離右邊框 12 圖元處停止。這樣就和右側部分拼合了起來，於是，框變窄了。
嗯，上面的原理說的很麻煩，又是水平，又是垂直的，像繞口令。但是仔細看看還是能看明白的^_^
瞭解了原理，那麼我們就好設置這四條線的切割了。根據我選擇的圖片，我們將上下左右都設置成 12。這個數值是根據圖片的不同而不同的，需要各位做自己的主題的時候仔細揣摩的哦。
總算大功告成把對話方塊背景搞定。接下來就是定義對話方塊的各個提醒圖示了。分別是Question（疑問）、Information（資訊）、Hourglass（沙漏）、Exclamation（驚歎）、Bluetooth（藍牙）、Memory Cleaner（記憶體清理器）、Alarm（鬧鐘）、Calindar Reminder（日曆提醒）、Lock Screen（鍵盤鎖定）和 Task Reminder（任務提醒）。圖片大小需要 39×41，我選用了 40×40 的，貌似也沒什麼問題的說，接近正方形就行。4.2.2 的 CDK 可沒這麼多圖示定義，只有前四個而已。
對話方塊設置完了，我們來設置按鈕。
選項不多。設定字體，還有高亮文字（Highlight 那個）的字體。然後就是正常狀態和高亮狀態按鈕圖片的設置，和對話方塊背景的設置一樣，不多說了。
和按鈕的設置差不多，但是要注意，這裏只有一個功能表背景圖的選擇，不像按鈕有兩種狀態。右邊 Cursor 的顏色選擇就是高亮功能表項的背景顏色設置。
這裏要多說一句，如果採用有透明效果的圖片作為功能表的背景，那麼在某些第三方應用程式中會造成功能表透明部分閃爍的問題，比如 Opera、China Google Map 就有這樣的問題。所以為了最大相容性，只能犧牲透明菜單效果。
接下來是 Titlebar 的定義。
有些同學可能還不知道這個 Titlebar 是個什麼東西。其實就是我們進入電話本介面時在螢幕最頂端的那個 Find 條。設置跟功能表的幾乎一樣，不過這裏 Cursor 可不是高亮條，而是那個豎條子。
最後，List 的設定。
圖就不上了，就只有字體的定義，還有高亮條的顏色，普通狀態的顏色，以及多選的時候的顏色的設置。
主題製作第五步：Message List
第一個的字體就是資訊介面的標題欄，顯示日期的那個。第二個的背景圖也是針對這個的。這倆的設置很糾結，往往會搞出很難看的效果，應該是 CDK 的錯。總之很煩人。
第三個 icons，哇，這可是個大工程啊。圖片大小沒有規定，但是寬需要是 21 的倍數，高需要是 4 的倍數，總共約 84 個項目，當然，裏面不少無效項目。每個項目大概 16×16 為佳。大家可以參照默認主題的圖來製作自己的自定義圖示。很多很煩人。都是資訊介面每個條目前的那個小圖示。
第四個 webicons 總共五個項目，分別對應五種狀態，有發送中、wappush 圖示、發送失敗等。我們一一設置。4.2.2 的 CDK 沒有 icons 和 webicons 的設置。
主題製作第六步：PhoneScreens
我們可以通過頂部的按鈕切換各個介面的設置。
第一個其實就是通話記錄介面還有撥號介面的設置，能改的選項也只有自己電話號碼文字的顏色以及你撥打的電話的文字的顏色而已。
第二個介面是正在通話中的介面的設定。
第一個字體顏色，嗯。第二個音量圖示，寬度需要是 11 的倍數。分別對應音量0%、10%、20%、30%、40%、50%、60%、70%、80%、90% 以及 100% 的狀態。下面修改撥號類型的圖示。如圖，共 7 枚。分別是活動通話、靜音通話、打開揚聲器的活動通話（免提）、打開揚聲器但是靜音的通話、藍牙活動通話、藍牙的靜音通話以及直接連接通話。
話說這個通話介面的更改無法改變背景圖片，只能看著那一片慘澹的白，CDK 啊 CDK ，殘念啊殘念。
最後一個來電介面設置。能定義字體顏色和背景圖而已。
主題製作第七步：Lockscreen
可以定義字體、背景圖和鎖定狀態圖示。沒什麼特別的不多說了。
主題製作第八步：Gobal Item
同樣我們看到貌似很多選項設置的設置。其實東西不多。
第一個 Transmission，其實就是定義流量圖示，就是我們上網的時候右上角閃啊閃的那個圖示。總共四種狀態。看默認主題的就能明白。對於圖片大小倒是沒有限制，但是要顯示的好一些，卻要費一些功夫。在這裏有一點需要特別注意。系統會默認將流量圖示中的白色部分設置為透明，不管你圖片是什麼樣的，白色總是透明的。我們在製作圖片的時候可以把白色弄成淺一點的灰色，手機上看來還是白色，但是不會被弄成透明。這可是我獨家秘技哦。
第二個 Navigation，就是東西太多一個螢幕顯示不了的時候，出現的向上或者向下的箭頭，共兩個圖，對圖片大小也沒什麼限制，別搞一張特別大的圖就行了。
第三個 Cursor，就是我們常見的沙漏圖示了。有人喜歡有人不喜歡，總之在這裏設置。
第四個 Progress，調整進度條的顏色。分完成部分和為完成部分，分別有字體顏色和條顏色設置。注意，這裏未完成部分的文字顏色設置會影響切換輸入法時彈出的輸入法選擇框裏的文字顏色，切記切記。
最後一個 Application ，設置程式的背景顏色。像選項啊、資訊列表啊這些的背景顏色。
四、保存、導入、導出主題
好了，需要改動的地方我們都改過了，那麼我們首先要做的就是保存這一主題，免得辛苦努力都付諸東水。菜單 File -> Save 會是你的不二選擇。選擇一個目錄，輸入檔案名，點擊保存。保存之後是一個以 thm 為尾碼的檔。
這個檔當然不是我們需要的可以裝到我們的黑莓手機裏的主題檔。為了能裝到我們的手機裏，我們需要將主題導出。
菜單 File -> Export 正是我們需要的。點擊之後出現介面如下。
最上面可以選擇導出的類型。直接裝到手機裏，那當然了 alx 了，如果要提供 OTA 下載的，那麼就要選擇 JAD 了。
然後輸入主題名稱，選擇保存路徑，手持設備型號，目標系統版本。下面兩個核取方塊，第一個是選擇是否覆蓋已存在的檔，第二個則是選擇是否保存國際字元。一般兩個都勾上，至少我是這樣的。
然後我們就得到了我們所需要的 alx 檔和 cod 檔。
現在只要通過桌面管理器導入我們的手機就行了。注意我一開始說的版本號問題哦。
導入主題只需要通過功能表 File -> Import 就行，選擇你下載來的 thm 檔即可。
五、文中沒有提及的一些東西
1、推薦使用的圖片格式是 png，和 jpg 比較，png支持透明，和 gif 比較，png 支持的顏色數多。所以，我們選擇了 png。由於 png 是可以透明的，所以有些圖示，如果不想看到它，那麼我們完全可以用一張透明的 png 去替代掉原先存在的圖。比如鍵盤鎖介面的那個小鎖圖示，就可以這樣隱藏掉。
2、好多地方都可以修改字體，其實我們可以通過功能表 Edit -> Change Font 來批量修改字體。
3、主題做了一半我突然想從 icon 類型改成 zen 類型怎麼辦？難道又要創建一個重來？同樣，菜單 Edit -> Change Style 是你的最佳選擇。
4、字體最好不要過多的使用自己電腦裏安裝的字體，因為這樣會導致最後導出的主題檔體積過大。
5、可以通過功能表 View -> Change Plastic 來改變真機預覽窗格的機型外殼。機型多多，任君選擇。
6、有些主題導出的時候會有滾珠反向的問題。經過我的嘗試和機友們的幫助測試，我推測問題是這樣的。在導出的時候，如果選擇機型是 8300 或者 8800 這樣有滾珠的機型，就會造成滾珠反向，即上下變左右，左右變上下。而如果導出時選擇 8700 這個沒有滾珠只有滾輪的機型，則沒有這個問題，但同時會造成 Banner 區域 Profile（情景模式）圖示無法被選中的問題，所以看各人取捨咯。
7、如果字體保持默認不動（字體名稱、字型大小大小、字體顏色、反鋸齒設置等），那麼這個字體就可以通過手機 選項->螢幕與鍵盤 裏的相關字體設置進行更改。這樣留給用戶的空間更大，但是可能和主題不搭。
8、LockScreen 的背景圖如果保持默認不動（那張公路圖），則可以由用戶自定義，也就是跟著用戶設置的背景圖走。不然就被主題定死了。
9、Today 風格橫條的左側圖示和 Zen 風格圖示的解析度貌似有差異，還沒有證實。根據旁人製作的主題來看，會造成 Today 風格橫條左側圖示只能顯示部分而不是全部。
10、HomeScreen 定義部分，如果是 custom 類型，圖示對應的應用程式是無法像 zen 那樣在手機上由用戶定義的，只能在主題製作的時候定死。滾輪、滾珠滾動的順序就是列表中的順序，可以通過滑鼠拖動來改變。
11、記住 CDK 是可以撤銷的。
六、Plazmic 官方提供的 4.5 CDK 更新
- 可以創建 custom 主屏
- 導入其他主題
- 自定義資訊列表圖示
- 添加網路鏈結
- 自定義提醒圖示
- 自定義鍵盤鎖螢幕
- 新的應用程式圖示
- JDE 和 MDS 被添加到了安裝程式中
- 新的設備的外殼
七、總結
總的來說，CDK 4.5 還是比較強大的，能定義比較多的東西了。但是同樣我們也感受到限制之多，不能像其他優秀的運營商主題那樣全面定制。比如 icon 介面圖示個數，比如計算器介面，比如自帶流覽器的小圖示等等。只能期待下一個版本了。
讓我們迎接全民定制時代的到來吧！
留下板磚