[分享]SPB Mobile Shell 3 主題DIY

Mobile Shell 3.5比起3.0版,程式做了大幅的修改,內部資料結構也大幅更新,以下本篇教大家如何DIY Mobile Shell 3 主題的教學文,已經不適用了,如果你是使用新版的Mobile Shell 3.5.x,請參考下面這篇新文章.
[分享]SPB Mobile Shell 3.5 主題DIY

================================================================
去年針對mobile shell 2.x 版發表了下面這篇16頁聯絡人文章,得到網友的熱烈迴響. 國內外很多有心的網友,精心製作許多主題,分享給大家使用,我再針對這些主題,將其修改為16頁聯絡人及大型天氣圖.
[分享]SPB Mobile Shell 16頁聯絡人+大型天氣圖示+Diamond數字鐘

可是主題實在是太多了,改不勝改,mobile shell 3 剛剛上市,過一陣子肯定會出現很多分享出來的主題可以套用,讓我忽然有個奇想,不如教大家如何自己動手DIY主題,使每個人都能隨自己高興,將多個主題拆解開來,任意套用,以符合自己的需求. 例如,將A主題的氣象圖,B主題的九宮格icon,及C主題的Status按鈕...等等,個別取出來套用,那麼你的手機的主題,不就獨一無二,與眾不同了嗎 ?

我希望這個版,能夠成為mobile shell 3主題 "素材" 的收集地,以及"教學園地",希望網友能將你所知道的密招或主題,到此版上分享出來,或提供出處,使大家能夠彼此教學相長.以下文章區分為[教學]及[分享],[教學]文章發表於本樓(第一樓)後面,[分享]文章發表於後面各樓層.

[教學1] 如何更換 *.dat 裡面的檔案內容
[教學2] 認識螢幕解析度
[教學3] 如何重新執行Mobile Shell,而不需要重開機
[教學4] 如何更改附檔名
[教學5] 如何讓九宮格每個按鈕都可以新增捷徑
[教學6] 如何將生活化桌面的行事曆,改成全頁顯示
[教學7] 如何將數位時鐘的時間修改為24小時制
[教學8] 如何修改BMP圖檔

[分享] SPB Mobile Shell 3 主題DIY - 如何自定氣象圖(請參閱第10樓)
----- 2009.4.27 發表,共11款大型氣象圖及6款小型氣象圖
----- 2009.7.13 新增3款大型氣象圖及3款小型氣象圖
[分享] SPB Mobile Shell 3 主題DIY - 如何自定九宮格(請參閱第84樓)
[分享] SPB Mobile Shell 3 主題DIY - 如何自定傳統時鐘樣式(請參閱第119樓)
[分享] SPB Mobile Shell 3 主題DIY - 如何新增傳統時鐘樣式(請參閱第158樓)
[分享] SPB Mobile Shell 3 主題DIY - 如何自定數位時鐘樣式(請參閱第192樓)
[分享] SPB Mobile Shell 3 主題DIY - 如何新增數位時鐘樣式(請參閱第193樓)
----- 2009.6.3 發表,共19款數位時鐘樣式
----- 2009.6.14 新增2款數位時鐘樣式
[分享] SPB Mobile Shell 3 主題DIY - 如何合併傳統時鐘與數位時鐘(請參閱第230樓)
[分享] SPB Mobile Shell 3 主題DIY - 三頁聯絡人(請參閱第212樓)
[分享] SPB Mobile Shell 3 主題DIY - 四頁聯絡人(請參閱第213樓)
[分享] SPB Mobile Shell 3 主題DIY - 六頁聯絡人(請參閱第215樓)
[分享] SPB Mobile Shell 3 主題DIY - 旋轉式聯絡人只會顯示第一頁聯絡人的內容(請參閱第270樓)
[分享] SPB Mobile Shell 3 主題DIY - 如何自定非生活化桌面的背景圖(請參閱第235樓)
[分享] SPB Mobile Shell 3 主題DIY - 如何製作生活化桌面的背景圖(請參閱第224樓)

== [教學 1 -必讀] =================================================
如何更換 *.dat 裡面的檔案內容
Mobile Shell的主題定義檔(*.xml)及素材檔 (*.bmp), 都用密碼壓縮成 *.dat檔案,所以,當你想要去更改主題的內容,首先你必須了解如何將*.dat檔案解壓縮,這是最基本的常識,請務必優先閱讀. 原本這篇教學,我認為理所當然的說明敘述,但是很多網友看了還是一頭霧水,因此重新改用圖文的解說,希望每個人都看的懂. 下面我就以使用WinRAR壓縮軟體,修改qa_layouts.dat檔案為例子說明.

1. 將你想要修改的 *.dat 檔案取出來,例如,檔案名稱為qa_layouts.dat.
2. 使用WinRAR軟體,開啟qa_layouts.dat,然後將裡面的所有檔案解壓縮到一個資料夾,解壓縮密碼為 b0fm18zq,解壓縮後,你會在資料夾內看到所有解壓縮出來的檔案.

3. 再將你想要更換的xml或bmp檔案,複製到剛才的資料夾內,覆蓋掉原來相同檔名的檔案.
4. 在這個資料夾內,按下Ctrl+A,將所有檔案選起來,然後使用滑鼠在中間空白位置處,按下右鍵,會出現快速選單,選擇"加到壓縮檔"選項.

5.壓縮檔格式請選擇"ZIP",輸入壓縮檔名稱,例如qa_layouts.zip.

6.輸入密碼 b0fm18zq

7.按下"確定"後,將會產生一個新的壓縮檔qa_layouts.zip

8.請將檔案名稱,直接改成qa_layouts.dat

9. 將剛才你新製作好的qa_layouts.dat檔案,複製到你PDA中mobile shell的安裝資料夾內,覆蓋掉原來的檔案.
10. 重新開機或重新執行Mobile Shell,即可看到修改後的主題外貌,已經變更了.

如果你自己修改的*.dat,有問題的話,請再參考第16樓的說明.

== [教學 2 -必讀] =================================================
認識螢幕解析度
PDA手機螢幕有幾種不同尺寸大小,通常以寬度x高度的點數(pixel)來表示,或以代號來稱呼,整理如下:
QVGA 表 240x320
WQVGA 表 240x400
VGA 表 480x640
WVGA 表 480x800

此版上提供的覆蓋檔,將會標示哪一種解析度螢幕專用,只要根據你的手機的解析度,下載專用的覆蓋檔即可,不需要全部下載,請務必下載正確的專用檔案使用.

== [教學 3] =====================================================
如何重新執行Mobile Shell,而不需要重開機
Mobile Shell 2.x版本,每次換了主題覆蓋檔之後,都必須要重新開機,WM開機都要等個幾分鐘,很耗時間,3.0版可以讓你退出Mobile Shell,雖然這沒有什麼,可是很多人應該都不知道吧!! 將來你更換*.dat檔案之後,只要退出mobile shell,然後再重新執行Mobile Shell一次,主題所做的變更就生效了,不再需要重新開機.
1. 請執行SPB Mobile shell的設定,然後按下右下角的按鈕,就會出現一個選單,按下"離開"按鈕,Mobile shell就退出了,然後就會回到WM的桌面.

2. 按下桌面右下角的[SPB Home],就會重新執行Mobile shell,重新回到Mobile shell的畫面.


== [教學 4] =====================================================
如何更改附檔名
一般人的windows系統設定,預設值都是將"隱藏已知檔案類型的副檔名"打勾,也就是說,如果word文件檔名是"name.doc", 你只會看到"name",而副檔名".doc"不會顯示出來.這時候你不管檔名怎樣修改,你只改到主檔名,副檔名因為被隱藏了,修改不到,所以仍然是屬於".doc"的word文件檔.

如果你了解這個道理,當你將資料夾裡面的檔案壓縮成zip檔,例如qa_layouts.zip,因為你的windows系統將副檔名隱藏了,所以你只看到檔名為"qa_layouts",而不是"qa_layouts.zip". 這時候你將檔名改為"qa_layouts.dat",事實上這個檔案的全名,還要再加上被隱藏的附檔名,所以全名為"qa_layouts.dat.zip"才對. 因此你不管怎麼改檔名,這個檔案全名仍然為xxx.zip檔.

請打開"我的電腦",從上面的功能表選擇[工具]/[資料夾選項...],請參考下圖,將"隱藏已知檔案類型的副檔名"取消打勾即可. 這時候你再回去看你的檔案,已經可以顯示檔案全名了.


== [教學 5] =====================================================
如何讓九宮格每個按鈕都可以新增捷徑
Mobile Shell 3的九宮格,只有[我的捷徑]按鈕,允許你加入程式的捷徑.當你按下[我的捷徑]按鈕,然後按下右下角選單鈕,會出現一個選單,讓你可以新增/刪除,檔案或應用程式的捷徑,如圖所示.

其餘七個按鈕卻不能新增捷徑,所以全部的捷徑只能集中放在[我的捷徑]按鈕裡面. 既然九宮格已經大致做個分類,我們當然希望將相關的捷徑,放入相關的按鈕裡面,將來才會比較好找. 例如,S2V(相片瀏覽程式)及S2P(音樂撥放程式),我就想要放到[多媒體]這個按鈕裡面.只要修改Registry註冊表,即可將七個按鈕的新增捷徑功能打開.

請用註冊表編輯程式(我使用的是PHMRegEdit免費軟體,搜尋一下很容易找到),打開registry註冊表,找到[HKEY_LOCAL_MACHINE\SOFTWARE\Spb Software House 2\Spb Mobile Shell\Menu\Root\]位置,如下圖,Root展開後你會看到八項,分別為Internet, messaging, Multimedia, My Shortcuts, Organizer, Programs, Settings, Tools, 這就是九宮格原本八個按鈕的資料.

請將Internet, messaging, Multimedia, Organizer, Programs, Settings, Tools 七項,每一項裡面都新增一個key值,如圖所示.

值名稱“Add",值類型為雙字節值(DWORD),值數據為 "1"
----讓這個按鈕裡面,可以添加應用程式捷徑,所以請務必設定為"1",如果值設定為"0",表示不允許新增捷徑.

我已經幫大家做好一個cab執行檔,請將下面這個cab執行檔,複製到你的手機內,執行安裝後,就會幫你將上面七項資料寫入註冊表. (註: 這個cab執行檔只是寫資料到註冊表裡面,並不會複製任何檔案到你的手機內,請放心使用)
附加壓縮檔: EnableAllIcon.cab

== [教學 6] =====================================================
如何將生活化桌面的行事曆,改成全頁顯示
生活化桌面的行事曆widget,很多人一定覺得太小了,預設值最多只能顯示兩個約會,此時行事曆就被擠掉,看不到了. 行事曆的內容,會顯示鬧鐘,待辦約會及行事曆三種資料,他會動態改變,沒有設定鬧鐘時,鬧鐘資料就不會顯示出來,沒有待辦約會,待辦約會資料也不會顯示出來,當待辦約會越多,可顯示的空間被擠壓,所以行事曆所能顯示的週數就越少. 但是,不管你將行事曆的高度(Height)設為多大的值,最多只能顯示五週的行事曆資料.

當你將行事曆的高度值設比較大時,mobile shell將會從最上面開始顯示鬧鐘,然後接著顯示待辦約會,下面若有多餘的高度空間,並不會馬上接著顯示行事曆資料,而是將行事曆資料顯示在你所設定高度的最下面.也就是說,在待辦約會與行事曆中間,會留有一段空白.

請按照下面步驟修改,即可將行事曆以全頁顯示.
1. 將qa_layouts.dat解壓縮,取出裡面的Widgets.xml檔案.
2. 找到下面這段程式碼位置
<Plugin Name="Calendar" Class="Spb.LSP.AdvancedCalendar" Skin="qp_calendar" ...>
<BoundRect X="0" Y="0" Width="240" Height="110"/>
</Plugin>
3. 高度Height預設值為110,如果是QVGA或VGA,請將其設定為240, 如果是WQVGA或WVGA請將其設定為320
4. 將修改後的Widgets.xml檔案,重新用密碼壓縮儲存到qa_layouts.dat裡面. (請參考[教學1])
5. 將剛才你新製作好的qa_layouts.dat檔案,複製到你PDA中mobile shell的安裝資料夾內,覆蓋掉原來的檔案.
6. 重新開機或重新執行Mobile Shell,即可看到修改後的行事曆,已經改成全頁顯示.


== [教學 7] =====================================================
如何將數位時鐘的時間修改為24小時制
若要將時間修改為24小時制,系統預設值為 tt hh:mm:ss,
開始-設定-系統-區域設定-時間-時間樣式改為 HH:mm:ss 或 H:mm:ss 即可
改為24小時制之後,數位時鐘將不再顯示AM/PM


== [教學 8] =====================================================
如何修改BMP圖檔
很多網友看了我的教學之後,很想要自己修改*.dat檔案裡面的BMP圖檔,可是修改後,圖檔用小畫家等軟體開啟都很正常,但是mobile shell卻無法顯示,本篇教學將告訴大家其中的奧秘.

mobile shell使用配對的兩個BMP圖檔來顯示圖片,以status狀態按鈕為例,將qa_status.dat解開後,status.bmp就是按鈕的彩色底圖,檔名後面加上"_m",也就是status_m.bmp,它就是所對應的mask灰階遮罩圖.


這兩個對應的圖檔尺寸大小(長x寬),必須要一樣大,status.bmp彩色底圖的每一個點,要如何顯示,就要參考所對應的status_m.bmp灰階遮罩圖.
1. 遮罩圖內黑色的點,所對應相同位置的彩色圖,這一個點就不會顯示出來.
2. 遮罩圖內白色的點,所對應相同位置的彩色圖,這一個點就會以100%不透明的顏色顯示出來.
3. 遮罩圖內灰色的點,所對應相同位置的彩色圖,這一個點就會依照灰色的程度,以半透明的顏色顯示出來.

了解這個影像繪圖原理後,參考上圖,status.bmp紅色部分,所對應的status_m.bmp遮罩圖幾乎是黑色的部分,所以status.bmp紅色的這些區域就不會被顯示出來,只顯示不規則形狀的ICON彩色圖而已,這剛好也是我們想要它顯示的方式,不是嗎 ?

當你編輯好這兩個BMP圖檔後,一定要儲存為mobile shell指定的格式. 請勿使用windows系統的小畫家軟體,因為小畫家無法儲存為指定的格式,請用photoshop軟體.

灰階遮罩圖(如status_m.bmp),請設定為8位元的索引色,如下圖所示,視窗上面的顯示列會顯示"@100%(索引)",編輯完畢後,直接存檔即可.


彩色底圖(如status.bmp),請設定為8位元的RGB色彩,如下圖所示,視窗上面的顯示列會顯示"@100%(RGB/8)"

接下來的步驟很重要,請勿直接"存檔",改用"另存新檔",格式選擇BMP,然後按下[儲存]鈕.

將會出現BMP選項視窗,檔案格式請選擇"Windows",深度選擇"16位元",然後按下右下角[進階模式]鈕.

將會出現BMP進階模式視窗,請選擇16位元的"R5 G6 B5",然後按下[確定]鈕,即可產生你修改的BMP彩色圖檔.


剛才你修改好的status.bmp圖檔,開啟此檔案所在的資料夾,你會發現一個很奇怪的現象,如下圖所示,無法顯示預覽,而且也無法顯示縮圖.

這個檔案,你用photoshop開啟是正常的,但是你用小畫家開啟,整張圖產生向左偏移,如下圖所示.

雖然有這種奇怪的現象,不過沒關係,可以不用理會它,因為mobile shell還是會正常顯示的,請放心. 如果你想解決這種奇怪的現象,可用其他檔案轉換軟體,如Image Converter Plus ( http://www.imageconverterplus.com/ ) 將你製作好的BMP圖檔,用上面說的格式再轉換一次即可.

註:本版所分享之主題素材,取自Change Skin網站,它是Freeware的.