【轉】跟我一起做主题——vixis 之Plazmic CDK超豪华详细教程(一)
轉載原創文章請註明,轉載自:原頁@小築[http://www.geraldinelee.com]
剛才看到vixis的blog上出現了一篇Plazmic CDK詳細教程!
Plazmic CDK就是製作黑莓主題的軟體!
剛好,這幾天想要自己製作8100的主題!
這下不用自己瞎琢磨了!
這個教程出自VIXIS
原帖地址:http://vixis.yo2.cn/go/26195.html
下面就正式開始了!
作者的話:教程很長,非常長,超級長,如果你沒有足夠的耐心看完它,請離開這裏。
作為一個使用黑莓手機的人,不知道如何更換系統主題是可恥的。
通常我們總是安裝使用別人做好的主題,以此來改變自己系統的外觀。然而,別人做的主題往往都不盡如人意,不是這裏感覺不對就是那裏難看了些,內心總是渴望著能有一個完全定制的主題。這並不是一個夢想,每個人都可以做出一個精彩的主題。這就得益於 Plazmic CDK (全稱:Plazmic Content Developer’s Kit,以下簡稱 CDK)這個軟體了。我們通過它來製作各種各樣五彩紛呈的主題。
好了,話不多說,本篇教程正式開始。
一、系統需求
- 作業系統– Windows® 2000 Professional, Windows XP Professional, Windows Vista
- 記憶體 – 256 MB or more
- 可用磁碟空間 – 200 MB
- 顯示器 – 最小 1024 x 768 解析度, 百萬色
- Adobe Acrobat Reader 3.0 (或者更高版本) – 查看 PDF 格式的文檔用 (用別的 PDF 閱讀軟體也可以,不是必需的)
- BlackBerry Device Simulators 4.2.2 + (模擬器,不是必需的)
- BlackBerry Email and MDS Services Simulator
- Java(TM) Development Kit (4.5 版本的 CDK 自帶了JDK,但是 4.2 版的 CDK 還是需要的)
以上是官方提供的系統需求資訊,嗯,我看現在的機器基本都可以用嘛。不過呢,BlackBerry Email and MDS Services Simulator 這個,需要 BlackBerry JDE 的支援,大家可以去找找下載。體積很大,99.5 MB~
安裝的時候一路 Next 就行了,注意,4.5 的 CDK 安裝程式和 Vista 的 Aero 效果不相容,會螢幕一黑暫時使用 Basic 主題,不用驚慌,裝完以後就還原到 Aero 啦。
二、介面簡介
一切準備就緒,那麼,我們就打開 CDK 吧。開始菜單 -> 所有程式 -> Plazmic CDK for BlackBerry -> Theme Builder。一個大大的 Loading 畫面出現了,然後我們就看到了 CDK 軟體的主介面啦。一般剛打開 CDK,它都會問你是否創建一個新主題。點擊 Create 按鈕,你就創建了一個新主題了。介面截圖如下。
最上面是我們都知道的功能表欄和工具欄。下方區域,左側那個很明顯就是預覽視窗嘛,還配有真機外殼讓你查看最終效果,當然用哪個機型的外殼是可以選擇的。預覽視窗右邊,就是我們自定義的區域啦。分三個小窗口。
第一個,Inspecter。這裏就是我們主要的戰場,是決定主題方方面面的地方。
第二個,Catalog。這裏主要顯示一些顏色、圖片等等,主要是一些主題要用到的資源。
第三個,Alignment。這裏可以設置文字、圖示的對齊方式。
主介面看著挺複雜,其實很簡單,不要一開始就被嚇到了。
三、跟我一起做主題
好了,基本知識都有了。我們可以開始動手做主題了。就拿我製作的 PrecisonNew 主題作例子,主要使用了 CDK 4.5 版本中間我會穿插著講講 4.2.2 的 CDK。製作過程中有任何操作都要注意左面真機預覽窗格的變化,如果有什麼不妥可以馬上撤銷。好了,我們一步一步來,仔細看好了。
前期準備工作
是的,你沒看錯。在做主題之前,我們需要有一個前期準備工作。
第一步,當然是創建主題。剛打開 CDK 的時候出現的那個視窗,功能表欄 File -> New 具有同樣的效果。出現視窗如下。

視窗中,可以指定 name 等各種屬性。Name 就是這個主題的名字,也就是出現在桌面管理器裏的名字,也就是出現在你手機主題列表裏的名字,所以,起一個好聽點的吧。注意,確定之後是不能修改的。我們填入 PrecisonNew。Size 則是指定主題的大小,只有兩個選項,240×260 以及 320×240,不用說也知道這是 BB 手機目前主流的連個解析度。同樣,確定之後是不能更改的。我們選擇 320×240.Type 則是指定主題的類型。總共有四個選項,custom、icon、today、zen。後三個相信大家經常聽說也比較熟悉了。第一個 custom 就是自定義的意思,可以充分發揮你的想像力,製作出驚天地泣鬼神的主題來。PrecisonNew 選擇的是custom。下面有個小圖預覽你的選擇。當一切都決定好了,點擊 Create 按鈕,出現一個有進度條的對話方塊,之後一個默認的主題便出現了。這裏,
第二步,修改主題相關資訊。我們可以在 Edit 功能表下的 Preferences 裏修改。如圖。

彈出對話方塊如下。我們在裏面修改相關的資訊。

這第一個選項卡其實和主題的關係不大,是定義打開 CDK 的時候的動作的,有三個選項:Create New Document(創建新文檔)、Open File Dialog(打開檔對話方塊)、Do Nothing(什麼也不做)。其中 Create New Document 是默認選項,所以我們一打開 CDK 就讓咱創建主題。這裏可以根據各人的喜好自由選擇。
來看第二個選項卡:Metadata。

這裏是主題的 Meta 資訊修改。可見有4個框框。
第一個 Vendor,是主題製作人資訊,你可以填入自己的名字、ID、昵稱。我當然填入了我的ID:vixis(以前是voevonne)。
第二個,Copyright,版權資訊,您看著填吧。
第三個,Version,版本資訊。注意,這裏填寫以後,每次導出主題的時候都會帶上版本資訊,而且在導出之後,如果你再次修改了主題並且重新導出,版本資訊不會自動更新,所以,如果就這麼在桌面管理器裏安裝,桌面管理器會認為版本號一致而不會自動更新主題的,所以填寫以後每次導出都需要手動修改這個版本資訊。我第一次製作 PrecisonNew 主題,版本號寫的是 1.0.0.0。
第四個框,Description,描述。這裏可以簡要的描述一下你的主題。
一切填好,來看第三個選項卡:Messages。

這裏是定義 Inbox(收件箱)用的。有五個選項。5 選 1 哦。
第一個:把 Email、SMS、MMS 整合到一個收件箱;
第二個:Email、SMS、MMS 各自為政,總共三個收件箱(夠多的-_-!);
第三個:SMS、MMS 在一個收件箱,Email 在一個收件箱;
第四個:SMS 在一個收件箱,MMS 和 Email 在一個收件箱;
第五個:MMS 在一個收件箱,SMS 和 Email 在一個收件箱。
根據實際情況選吧。這裏的決定會影響到後面圖示的製作。這裏 PrecisonNew 主題選擇的是第一個,所有的都整合到一塊(其實是圖省事)。
好了,來看最後一個選項卡:Simulator。

如果沒有裝模擬器,那麼就會和我一樣。不過其實沒什麼要緊的,和主題製作關係不大。而且,就算模擬器上主題沒問題,到了真機上又是另一回事了。所以,沒有裝的必要啦。
一切 OK,那麼我們就點擊 OK 按鈕吧。至此,前期準備工作完成。
主題製作第一步:Banner

點擊圖中紅框區域,開始編輯 Banner。此時,左側真機預覽窗格裏,螢幕上除了 Banner 外什麼都沒有,不要怕。我們看到這裏提供了很多的選項可以修改。我們慢慢詳解。
來看第一個:

這裏就是定義時間字體的。那個長長的下拉清單可以定義字體名稱。裏面包括了 CDK 自帶的一些字體(其實就是 BB 系統裏有的那些字體),還有你電腦上安裝的字體。注意,這裏只能使用 TrueType 字體(也就是檔尾碼為 ttf 的字體)。後面的數字是字型大小大小。這個貌似和 BB 系統選項裏的字型大小大小是兩倍的關係,沒有仔細認證過但差不多就是這樣。字型大小大小後面那個白色框是用來定義字體顏色的。單擊它,出現下面的對話方塊。
這裏注意,如果你把滑鼠移到 Inspector 的左邊,可以拖動 Inspector 的大小,如果加大,右邊就會出現好東西,就是默認情況下被遮住的按鈕
!這是一個對齊按鈕,可以定義文本的對齊方式。這裏我們選擇居中對齊。

這裏可以調整你喜歡的顏色,有各種方式,RGB、HSB等等。左下角那個大框就是顏色預覽。你也可以用顏色預覽框右側的那個吸管按鈕
來“吸取”顏色。最後確定了就可以點擊 OK 按鈕了。
回到字體設置來。後面那個 B 按鈕是粗體,I 是斜體。後面那個扭曲的厲害的 A 按鈕是反鋸齒開關,你可以自由決定開或者不開。A 按鈕右側還有一個小的矩形框,那是定義文字邊框顏色的,點擊之後出現一個顏色選擇對話方塊。

注意圖中我用紅色框住的部分,這是和字體顏色對話方塊有區別的部分。是的,多了一個按鈕,這個按鈕是幹什麼用的呢?就是定義透明顏色。這樣就可以去掉文字邊框了。確定後 OK。
這樣,時間字體的設置就完成了。下面的 Date(日期)、Network(網路)、Carrier(運營商)、Unread(未讀消息計數)這些字體也同樣可以設置。注意,用 CDK 自帶的字體,某些是不能修改顏色、邊框顏色等屬性的。
另外要多說一些。Network 其實就是我們手機平常見到的 gsm、gprs、edge 等字樣,Carrier 就是“中國移動”等字樣。如果要去掉中國移動字樣,目前可行的辦法是將 Carrier 的字型大小設置成 1。但是這樣在導出主題的時候 CDK 會警告,說字體過小。其實我們可以將字型大小設置成2,這樣 CDK 就不報錯了,而且中國移動同樣小的看不見。這就是所謂的“隱藏中國移動”的辦法了。
字體設置完了,下麵有個 Height 選項。這是定義 Banner 高度的,會影響到後面各種介面。建議不要設置的過大,一般 60 就足夠了。我的 PrecisonNew 比較特別,採用了寬 Banner 設計,這裏 Height 設置到了 70。
接下來的區域就是 Banner 圖片定義了。點擊方框內圖片會彈出打開檔對話方塊,選擇你準備好的圖片即可。
Background : Banner 的背景圖。需要的圖片大小是 主題解析度寬X高度。比如,我的PrecisonNew 主題是 320×240 的,那麼主題解析度寬就是 320。高度就是上面的 Height,我們設置到了 70。所以我們需要準備的背景圖的大小是 320×70。
NewItem :當有新的 SMS 時,banner 上新資訊的特別圖示。在 PrecisonNew 主題裏就是圖示右上角的小紅花。需要的圖片大小是 14×14。注意,14×14 是包括小信封圖示在內的,也就是說,你製作小紅花圖示的時候要把小信封圖示計算在內。
BatteryMeter :電池電量圖示。對於圖片大小沒有一定的規定,但是寬必需是 12 的倍數(因為總共 12 種電池電量狀態),高必需是 2 的倍數(正常狀態和充電狀態)。12 種電量狀態從左到右依次是:0%、10%、20%、30%、40%、50%、60%、70%、80%、90%、100%、電池不正常(就是大家經常看到的紅色問號)。當然了,充電狀態和正常狀態要一致。嗯,這也取決於想像力。我們注意到,方框右側有一個小按鈕
。這是預覽圖片用的,可以查看各種狀態,看你準備的圖片是否符合切分標準,同時可以在左側真機預覽窗格裏即時預覽。你可以點擊各種狀態下的圖示,查看效果。
SignalMeter :信號圖示。和電池圖示一樣,沒有對圖片大小進行規定。但是寬度必需是 9 的倍數。對應 9 種信號狀態:關閉信號、無網路、0%、20%、40%、60%、80%、100%、緊急呼叫(SOS)。圖片高度無所謂。
FocusIcon :焦點圖示的背景。圖片大小需要是 48×36 的。前面的核取方塊決定是否顯示焦點圖示。這個焦點圖示實際上就是 Profile(情景模式) 的圖示。
Wifi Signal Meter:Wifi 信號圖示。寬度是 5 的倍數就行,對應 5 種狀態:關閉、無網路、33%、66%、100%。
AlarmIcon:鬧鐘圖示。圖片大小 14×14。
UnreadIcon:未讀消息圖示。寬度是 10 的倍數就行。但是,建議大小是 140×14,不然會出問題。對應 10 種狀態:未讀SMS、未讀Mail、未讀語音資訊、未讀 WapPush、未讀日曆資訊、未讀BlackBerry Messenger資訊、未讀MMS(?)、後面幾個就不是很清楚了。我畢竟沒那麼多未讀消息去一一測試,有些也不是很確定,但大致是這樣沒錯。
如果你覺得上面的圖你選錯了,需要改回默認圖片怎麼辦?其實很簡單。我們點擊圖片標題,出現功能表,點擊 Reset to Default 即可。如下圖。

我們看到還有另一個 Reload Image 的選項。如果你圖片檔案名沒變,但是圖片內容變了,需要 CDK 更新一下,可以選擇這個,不用再去選擇一遍圖片了。
我們注意到,Banner 定義介面還有一個按鈕,如下圖。

點擊之後,左側真機預覽窗格出現了驚人的變化!各種圖示文字被某種顏色覆蓋了。如下圖。

這個時候,其實是調整文字、圖示位置和大小的。可以用滑鼠拖動操作。單擊某色塊即是選中。調整到你覺得滿意的位置就行了。這裏就要講講右側 Alignment 的作用了。有時候,我們需要文字或者圖示對齊,全靠手動顯然是不現實的。還好 CDK 提供了這個對齊工具。我們可以同時選中多個色塊,進行對齊操作。當然,這個就不用我詳細講了。調整完畢,再次點擊 Position 按鈕退出位置調整狀態,一切恢復原來的面貌,當然位置是你調整過的了。如果你覺得需要進行微調,可以點擊預覽窗格下方的按鈕來進行畫面縮放。從 50% 到 400% 不等。

我們來說說 4.2.2 的 CDK。4.2.2 很顯然就沒那麼多選項,Alignment 也沒有,很多圖片無法自定義,比如未讀消息圖示。
最後,我們的 banner 就是這個樣子的。

主題製作第二步:HomeScreen
我們吹響號角,來到了第二步,HomeScreen 的定制。
首先就是 Status Font 的設置。字體的具體設置就不多說了。這個 StatusFont 是什麼呢?就是你選中下面的圖示的時候顯示的狀態文字。
接下來就是 Applications 的選擇。有三個圖示,如圖。

第一個圖示,添加的是 Today 風格的橫條,橫貫整個螢幕。第二個圖示添加的是 zen 風格的圖示,一個圖示,一個文字而已。最後那個,就是刪除按鈕。
點擊前兩個按鈕添加程式之後就會在下面的列表裏顯示出來。

很直觀,右側就是程式類型,跟你點擊的按鈕是一致的。列表右方是定義 Application Menu 圖示的,需要圖片大小是 48×36。有些同學沒有將快捷鍵綁定在應用程式列表,所以需要添加一個 Application Menu 來打開應用程式列表,不能總對著 HomeScreen 上那幾個圖示發呆吧。當然,如果不添加,倒是可以隱藏圖示,達到保密的目的。
列表下方同樣是個調整位置的按鈕,按下之後進行各程式圖示的位置調整。右側 Alignment 同樣有效。
下麵有個 Properties 區域。當你點擊上方列表中某一項的時候,就可以在這裏進行調整。貌似看不到完整的調整選項?哦,同樣,需要將 Inspector 整個區域擴大,這樣右側就有捲軸啦,我當年被這個弄的很鬱悶的說。

這是 zen 風格的圖示的屬性圖。
圖中,第一個 Application 可以修改這個按鈕對應的程式。點擊右側黑莓 logo 按鈕進行選擇。上方列表中已有的程式是無法被再次選擇的,或者說,彈出的列表視窗中壓根就沒有,哈哈。
第二個 Focus 是指當你用滾輪或者滾珠選中這個圖示的時候,在圖示下層顯示的圖案,圖片大小是 56×38 的。右邊 Tab 則是非選中狀態下圖示下層顯示的圖片,同樣 56×38 的大小。
下面 IconAnimation 則是4.5 CDK 中激動人心的功能之一:圖示動畫效果。總共 7 個選項:None(無動畫效果)、Bounce(彈跳)、Fall(落下)、Spring From Left(從螢幕左側進入)、Spring From Right(從螢幕右側進入)、Spring From Top(從螢幕頂部進入)、Spring From Bottom(從螢幕底部進入)。後面四個動畫效果的螢幕是指整個手機螢幕(圖示活動範圍很大的說)。每個圖示的動畫效果可以不一樣哦。
下面 ShowText 則是選擇是否顯示程式的名稱。程式的名稱是顯示咋圖示右側的,通過下方 Margin 屬性可以調整和圖示的距離。也可以為這個文字選擇一種動畫效果。和圖示動畫效果一致的 7 個選項,可以和圖示動畫效果不一樣。可以簡單的定義文字左右對齊方式,當然少不了字體屬性設置,不多說了。
接下來看看 Today 風格橫條的設置。

可以看到,選項真是少的可憐。除了選擇程式外,只有兩個字體設置,分別是主標題設置和子標題設置。然後就是 Focus 焦點圖設置,320×280 的。還可以設定子標題顯示個數。拿日曆舉例子,如下圖。

最後經過一番努力的調整,我們的 HomeScreen 就成了下面這個樣子。

.jpg)





留下板磚