教你如何制作蘋果手機(jī)主題-如何修改主題-讓別人主題修改成自己心目中想要主題
發(fā)布時(shí)間:2020-09-07 來(lái)源: 讀后感 點(diǎn)擊:
教你如何制作蘋果手機(jī)主題,如何修改主題,讓別人的主題修改成自己心目中想要的主題
---------------
導(dǎo)航 ------------------
一 一· 主題的基本結(jié)構(gòu)
二 二· 背景圖片修改
三 三·t info.plist 配置 (有一定基礎(chǔ)的可以嘗試去修改)
四 四 s bundles 文件夾
。ù宋募䦅A里面的子文件夾分別改變手機(jī)里的各個(gè)程序圖標(biāo),及改變運(yùn)行如 程序后的進(jìn)入頁(yè)面等等,比如 e com.apple.mobilephone 它就是改變電話的整個(gè)界面,像撥號(hào)面板啊,通訊錄菜單等等)
五 五·s folders 文件夾 ( ( 這個(gè)文 件夾修改一些特定的程序圖標(biāo),比如我們從 a cydia 里面下載的一些插件圖標(biāo),而 s bundles 文件夾改變權(quán)限高的圖標(biāo),所以我們需要 s folders 文件夾來(lái)改變)
六 六· icons (放置圖標(biāo),s bundles 文件高于 s icons 文件)
七 七·s ullmages 文件夾 (這個(gè)文件夾就是改變, WIFI ,信號(hào)圈,藍(lán)牙,電量顯示等,微型設(shè)置圖標(biāo)的)
八 八·s ulsounds 文件夾( ( 修改鎖屏鈴聲,來(lái)電鈴聲,短信鈴聲等)
九 九· 主題中的插件
一` ` 主題的基本結(jié)構(gòu)
一個(gè)主題包一般基本包含以下 4 4 部分:
1 1 、 文件夾 :
Bundles 、 Folders 、 Icons 、 UIImages 、 UISounds 2 2 、 配置文件 :
Info.plist
( 本質(zhì)是 l xml 文檔,用于配置字體顏色和導(dǎo)航條等) ) 3 3 、 背景圖片 :
Dock.png 、 StatusBar.png 、 Wallpaper.png 、 LockBackground.png 4 4 、 插件 :
Wallpaper.html 、 LockBackground.html 、l Widget.html 以及被這些 l html 內(nèi)部指定的目錄,如 widget , private ,s resoures 等等文件夾。
現(xiàn)在的主題一般分為兩個(gè)樣式:如圖
第一種(基本的)
第二種(復(fù)雜的)
1 1 、 蘋果發(fā)布的
4 iPhone4 和 和 4 Touch4 為 為 a retina 顯示屏,屏幕分辨率 640 x 960, ,適用 的圖片寬度和高度都在原來(lái)基礎(chǔ)上擴(kuò)大兩倍,而且后綴以x @2x 結(jié)尾。
例如,主屏壁紙 Wallpaper.png (320 x 480) ,在 iPhone4 ,s 4s 上為 Wallpaper@2x. png (640 x 960)
2 2、 、 如果您制作主題的時(shí)候不想遵循那些尺寸也行,但是一般不要超過(guò)推薦大小的 2 2 倍以上,以免顯示過(guò)慢等。但是如果在教程中有用紅線特別標(biāo)注的大小就要遵循那些大小尺寸,不然會(huì)造成主界面顯示異常等等。
二、基本背景圖片修改
1 1 、 主屏幕壁紙:
Wallpaper.png
320 x 480
如果是 iPhone4 ,s 4s 或者 4 Touch4 則使用 640 x 960 ,命名為 Wallpaper@2x.
png ,
2 2 、 鎖屏壁紙:
LockWallpaper.png
同上~ ~
3 3 、 狀態(tài)欄:
1 1 , 電話,設(shè)置,短信狀態(tài)欄
Silver_Base.png
640x40
640x40
放于在主題 s UIImages 文件夾里
2 2 , 鎖屏, , 電池界面,與主屏幕狀態(tài)欄
Translucent_Base.png 640x40
640x40
放于在主題 s UIImages 文件夾里
4 4 、k dock 欄:
640x91
放于 s Bundles 文件夾里的 com.apple.springboard
5 5 、 短信聊天背景:
SMSBackground.png
SMSBackgroun g.png 960x960
960x960
三、t Info.plist 配置
改字體顏色及大小,可以在配置里改,就省去下載字體顏色插件,如果主題包內(nèi)沒(méi)有此文件,可自行增加
1 1 、 Dock k 欄圖標(biāo)字體 --
DockedIconLabelStyle
2 2 、非 非 k Dock 欄圖標(biāo)字體
--
UndockedIconLabelStyle
<key>DockedIconLabelStyle</key>
<string>font- - family: Arial; font- - size: 15px; color:#00008B; font- - weight:bold</string>
<key>UndockedIconLabelStyle</key>
<string> font- - size: 15px;color: ye llow;opacity:0.5</string>
說(shuō)明:
font- - family :
字體樣式
font- - size :
字體大。J(rèn)是 13 ,一般不要超過(guò) 15 )
font- - weight: 字體粗細(xì) bolder 、 bold
opacity: 將文字透明化(取值范圍 1 0~1 之間:0 0 全透明,1 1 完全不透明)
color :
字體顏色, , 使用 S CSS 顏色代碼值或者顏色名稱,比較特殊的是透明色是 transparent 。該處的B #00008B 是 是 S CSS 顏色代碼,對(duì)應(yīng)的名稱是 darkblue ,
使用 e color: darkblue 可以達(dá)到相同的顏色 效果。
將 將 k dock 欄和非 k dock 欄圖標(biāo)文字設(shè)置透明代碼:
<key>DockedIconLabelStyle</key>
<string>opacity:0</string>
<key>UndockedIconLabelStyle</key>
<string> opacity:0</string>
3 3 、 導(dǎo)航條 --
NavigationBarStyle
<key>NavigationBarStyle</key>
<string>1</string>
導(dǎo)航 欄風(fēng)格:0 0 是默認(rèn)顏色(淡藍(lán)色),1 1 是黑色,2 2 是透明
4 4 、 日歷的“ 日期” 字體 --
CalendarIconDateStyle
5 5 、 日歷的“ 星期” 字體
--
CalendarIconDayStyle
<key>CalendarIconDateStyle</key>
<string>color: blue;</string>// 將日期顏色改成藍(lán)色
<key>CalendarIconDayStyle</key>
<string>color: black;</string>// 將星期顏色改成黑色
7 7 、 狀態(tài)欄( StatusBar )時(shí)間字體- - TimeStyle
<key>TimeStyle</key>
<string>color: red;</string>
四、s Bundles 文件夾介紹
1 1 、s Bundles 目錄結(jié)構(gòu):
該目錄下的子文件夾都是由每個(gè)程序的 D ID 命名的,每個(gè)文件夾都是對(duì)應(yīng)程序的資源。
一般分為
兩大類:
(1):
應(yīng)用程序:
如果是蘋果自帶程序都是以 X com.apple.XXXXX 命名,非官方 程序?yàn)?com.xxxx.XXXX,如 如 k facebook 的 的 d id 為 為 com.facebook.Facebook.
(2) 系統(tǒng)框架:
主要是存放 k TelephonyUI.framework 和 和 k UIKit.framework 這兩個(gè) S iOS 框架里的資源,命名分別為 y com.apple.Telephony 和 和 com.apple.UIKit 。
《說(shuō)明》:對(duì)于 t UIKit 資源一般不放在 Bundles ,而是獨(dú)立放在最外層目錄也就是下幾文將講述的 s UIImages 文件夾,
s Bundles 目錄結(jié)構(gòu)實(shí)際效果截圖如下:
要獲取某個(gè)應(yīng)用程序的 d id 方法:
取 取 a Cydia 為例。
(1)
打開(kāi) /Applications/Cydia.app;
(2)
打開(kāi) Info.plist;
(3)
找到 y key 為 為 r CFBundleIdentifier 對(duì)應(yīng)的值 com.saurik.Cydia ,即為 a Cydia 的程序id 。
( ( 最后在 s Bundles 里創(chuàng)建 a com.saurik.Cydia 的文件夾,里面存放 p Cydia.app 的圖片就可以修改a Cydia 程序顯示的樣式了) )
e Bundle 目錄常用的自帶桌面程序圖標(biāo)名稱
如果桌面圖標(biāo)采用了以下命名形式,s Icons 目錄就不需要用了,用以下這種形式,可以兼容
所有的語(yǔ)言 環(huán)境,不用一種語(yǔ)言命名一種圖標(biāo),進(jìn)而加大主題包的空間。
com.apple.AppStore
App Store
com.apple.calculator
計(jì)算機(jī)
com.apple.camera
照相機(jī)(兼容 1 4.2.1 固件)
com.apple.compass
指南針
com.apple.Maps
地圖
com.apple.MobileAddressBook 通訊錄
com.apple.mobilecal
日歷
com.apple.mobileipod
音樂(lè)(詳情請(qǐng)查看下面第三小節(jié)“ 修改程序的桌面圖標(biāo)” )
com.apple.mobilemail
地圖
com.apple.mobilenotes
備忘錄
com.apple.mobilephone
電話
com.apple.mobilesafari
Safari
com.apple.mobileslideshow 照相機(jī)和照片
com.apple.MobileSMS
短信
com.apple.MobileStore
iTunes
com.apple.mobiletimer
時(shí)鐘
com.apple.Preferences
設(shè)置
com.apple.stocks
股市
com.apple.VoiceMemos
語(yǔ)音備忘錄
com.apple.weather
天氣
com.apple.youtube
youtube
com.apple.gamecenter
Game Center
com.saurik.Cydia
Cydia
2 2 、 修改程序啟動(dòng)大圖
(1)1 1 、 在 在 s Bundles 的目錄下創(chuàng)建 e com.91.sj.iphone.PandaHome 文件夾;
2 2 、 然后將圖片放入 com.91.sj.iphone.PandaHome ,命名為 Defualt.png
啟動(dòng)大圖命名規(guī)則和分辨率大小:
(2 2 )4 Touch4 和 和 iPhone4 , 4S:
:
640 x 960 如果不存在, 則會(huì)使用 Default.png (3 3 )對(duì)于 iPad:
:
正常屏幕(E HOME 鍵在下):
Default- - Portrait.png (768w * 1004h )
豎屏倒置(E HOME 鍵在上):
Default- - PortraitUpsideDown.png (768w * 1004h )
橫屏- -E HOME 鍵在左邊:
Default- - LandscapeLeft.png (1024w*748h )
橫屏- -E HOME 鍵在右邊:
Default- - LandscapeRight.png (1024w * 748h)
豎屏方向默認(rèn)大圖:
Default- - Portrait.png (768w * 1 004h )
橫屏方向默認(rèn)大圖:
Default- - Landscape.png ( 1024w *748h )
《使用優(yōu)先級(jí)》:
a. 優(yōu)先尋找對(duì)應(yīng)方向大圖。
b. 如果找不到對(duì)應(yīng)方向大圖:
豎屏:繼續(xù)尋找 Default- - Portrait.png ,最后才會(huì)選擇 Default.png ;
橫屏:繼續(xù)尋找 Default- - Landscape.png ( 1024w *748h )
,最后才會(huì)選擇 Default.png ;
3 3 、 修改程序的桌面圖標(biāo) (1) 圖標(biāo)命名規(guī)則和分辨率大。
。2 2 )對(duì)于 4 Touch4 和 和 iPhone4 ,4 4S S :
118 x 120
icon.png
59x60 如果不存在 ,則會(huì)使用 icon.png
1 1 、 com.apple.mobileslideshow (主要是存放相機(jī)和照片圖標(biāo))
2 2 、
對(duì)于 e iPhone 和 和 Touch (4 touch4 也才有相機(jī)圖標(biāo))
相機(jī)
icon- - Camera.png
照片
icon- - Photos.png
如果此處只有 g icon.png 必然導(dǎo)致相機(jī)和照片程序圖標(biāo)都是同一個(gè)。
3 3 、 com.apple.camera (主要是存放照相機(jī) 圖標(biāo),)
照相機(jī):
icon.png
是 注 :
如 果 是 4 touch4 和 和 4 iPhone4 圖 標(biāo) 還 需 要 加 上 x @2x 后 綴 。
n Icon 如 的 命 名 方 式 全 部 采 用 小 寫 。
如 g icon.png ,。
4 4 、 修改系統(tǒng)桌面程序界面( com.apple.springboard)
。
可以修改電池背景、卸載程序按鈕背景和程序氣泡數(shù)字標(biāo) 記背景等等。
包含 0 20 個(gè)文件,如圖
(1 1 )
電池: : 包含 7 17 個(gè)文件g ,BatteryBG_1.png 到 到 BatteryBG_17.png
。2 2 )
如果是 4 iPhone4 或者 4S , Touch4 ,還需要加上x @2x 后綴(沒(méi)有加上 x 2x 后綴的話,在4 iPhone4 或者 Touc4 h4 是不能顯示的)
。2 2 )程序氣泡數(shù)字標(biāo)記 SBBadgeBG.png
(3 3 )卸載程序按鈕:
closebox.png 長(zhǎng)按圖標(biāo)時(shí)出現(xiàn)的刪除 a ipa 的小圖標(biāo)
其中,g SBBadgeBg.png 無(wú)論是 4 iPhone4 或者 4S ,4 Touch4 可以不用加上x @2x 后綴,最好手動(dòng)區(qū)分
5 5 、 修改滑塊、電話接聽(tīng)面板( com.apple.TelephonyUI )
。
g bottombarbkgndlock.png 為所有滑塊的背景框
g bottombarknobgray.png 為滑塊的圖標(biāo)
g bottombarknobgreen.png 為來(lái) 電滑塊的圖標(biāo)
g bottombarknobred.png 為關(guān)機(jī)滑塊的圖標(biāo)
g bottombarbkgnd.png 為關(guān)機(jī)或者來(lái)電的取消的背景框
g bottombarbkgndlock.png 為解鎖滑塊的背景框
g bottombarknobgray.png 為解鎖滑塊的圖標(biāo)
6 6 、 電話( com.apple.mobilephone )
主要是修改撥號(hào)面板。
文 注意:撥號(hào)面板與上文 I TelephonyUI 的電話接聽(tīng)面板有所不同。前者是電話程序撥打電話的面板,后者是來(lái)電時(shí)彈起的面板。
(1 1 )、數(shù)字鍵盤:
這一塊的尺寸為 640× 546
要 數(shù)字鍵盤部分一共需要 2 2 中 張圖,其中 g dialerkeypad.png 這張是正常顯示狀態(tài),g dialerkeypad_pressed.png 這張為鍵盤按下顯示的狀態(tài)。如圖:
(2 2 )、添加、撥號(hào)及刪除:
添加和刪除兩個(gè)的尺寸一樣,為 214x128, 文件擴(kuò)展名是 png
撥號(hào)的尺寸為 214x128, 文件擴(kuò)展名是 png
。3 3 )、撥號(hào)數(shù)字顯示區(qū), , 文件名是 dialerlcd.png :
這部分的尺寸為 640x148
說(shuō)明:撥號(hào)圖片要有兩張,一張命名為 callglyph ,另一張命名為 callglyph_big 。如果想為按下去的時(shí)候多添加一張圖片的話,只需在原先的命名基礎(chǔ)上加上 _pressed ,如 dialerkeypad.png ,那么按下去的效果就是 dialerkeypad_pressed.png 。
對(duì)于 4 iPhone4 和 4S ,4 touch4 的話,后面加上x @2x 后綴,分辨率為原來(lái)的 2 2 倍即行。
7 7 、 短信( com.apple.chatkit)
。
g Balloon_1.png 發(fā)送g , Balloon_2.png 接收
對(duì)于 4 iPhone4 和 和 4S , Touch4 ,圖片命名在后面加上x @2x 后綴,大小尺寸為原來(lái)的 2 2 倍。
8 8 、 計(jì)算機(jī)( com.apple.calculator)
。
為 計(jì)算機(jī)數(shù)字面板命名為 basicKeypad.png為 。大小為 320*371 。. . 如果想改變按下去的效果,不能像電話那樣命名,采取以下命名方式:
+ +- - BasicPressed.png
對(duì)應(yīng)
“+ +- -/ /”
大小 :
66*41
=BasicPressed.png
對(duì)應(yīng)
“= =”
大小:
65*99
0BasicPressed.png~9BasicPressed.png
對(duì)應(yīng)
“0 0- -9 9”
大。
其中數(shù)字鍵盤的大小分別如下(0 0 :
143*39 ;1 1- -3 3 :
66*40 ;
4 4- -9 9 :
66*42)
)
acBasicPressed.png
對(duì)應(yīng)
“ AC”
大。
66*41
addBasicPressed.png
對(duì)應(yīng)
“+ +”
大小:
65*42
basicRing.png
對(duì)應(yīng)
“ 輸出框中的點(diǎn)”
大。
74*51
cBasicPressed.png
對(duì)應(yīng)
“C C”
大小:
66*41
commaBasicPressed.png
對(duì)應(yīng)
“ 逗號(hào)” 大。
66*39
decimalBasicPressed .png
對(duì)應(yīng)
“ 十進(jìn)制” 大小:
66*39
displayBackgroundSlice.png
對(duì)應(yīng)
“ 輸出框的背景” 大小 320*89
divideBasicPressed.png
對(duì)應(yīng)
“ 除號(hào)” 大小:
66*40
m+BasicPressed.png
對(duì)應(yīng)
“ M+” 大。
66*42
m m- - BasicPressed.png
對(duì)應(yīng)
“M M- -” 大小:
66*42
mcBasicPressedpng
對(duì)應(yīng)
“ MC”
大。
66*42
mrBasicPressed.png
對(duì)應(yīng)
“ MR”
大小:
66*42
multiplyBasicPressed.png
對(duì)應(yīng)
“ 乘號(hào)” 大。
66*42
subtractBasicPressed.png
對(duì)應(yīng)
“ 減號(hào)” 大小:
66*42
acBasic.png
對(duì)應(yīng)
“ AC”
大。
66*42
commaBasic.png
對(duì)應(yīng)
“ 逗號(hào)”
大小:
66*42
大小在 9 66*39 至 至 2 66*42 之間都行。對(duì)應(yīng) 4 iPhone4 和 和 Touch4 ,加上x @2x 后綴,大小尺寸為原來(lái)的 2 2倍即行。
五、
Folders
該文件夾功能跟 s Bundles 一樣,都是修 改應(yīng)用程序的資源。除了文件夾名稱方式不同,而
且不能修改系統(tǒng)框架 k TelephonyUI.framework 和 和 k UIKit.framework 外,兩者是一致的。
s Bundles 目錄的優(yōu)先級(jí)高于 Folders 。(現(xiàn)在主題制作以 e Bundle 為準(zhǔn))
具有相同程序的 s Folders 目錄和 s Bundles 目錄結(jié)構(gòu)對(duì)比圖:
s Folders 目錄的文件夾命名是程序的 CFBundleName+.app ,
如 如 a Cydia 對(duì)應(yīng)的 e CFBundleName 值為 Cydia ,再加上后綴為 p Cydia.app 則為文件夾名稱。如圖:
e iPhone 的添加了e ~iPhone 后綴, iPad d 的添加了d ~iPad 后綴
六、
Icons
用于修改桌面圖標(biāo)名稱。與
s Bundles 和 和 s Folders 修改圖標(biāo)不同,圖標(biāo)以程序顯示名稱來(lái)命名。但將所有圖標(biāo)獨(dú)立成一個(gè)文件夾也有好處,也有缺點(diǎn):
優(yōu)點(diǎn):
。1 1 )
命名方便,不需要知道每個(gè)程序?qū)?yīng)的 id ,而只需要知道現(xiàn)實(shí)名稱即可。
。2 2 )
不需要為每個(gè)圖標(biāo)單獨(dú)創(chuàng)建一個(gè)文件夾,操作方便。
缺點(diǎn):
(1 1 )
找 效率低。因?yàn)橹黝}工具取圖標(biāo)資源順序是:優(yōu)先尋找 Bundles找 ,再尋找 Folders目錄,最后才會(huì)尋找 s Icons 目錄下的圖標(biāo);
。2 2 )
有可能造成圖標(biāo)不顯示。因?yàn)?x 4.x 固件不存在多種語(yǔ)言映射表,只有一份英文圖標(biāo)的話,在中文或其它語(yǔ)言環(huán)境下不能顯示。必須由主題工具支持。
標(biāo)準(zhǔn)尺寸:
iPhone4 ,s 4s 和 和 Touch4 :
60x60
s Icons 目 錄常用的 4 24 自帶程序圖標(biāo)名稱:
( 如果是 4 iPhone4 和 和 4 Touch4 還必須添加“ @2x” 后綴,如 )
)
App Store.png
App Store.
Safari.png
Safari
Mail.png
YouTube.png
YouTube
iPod.png
iPod
(e iPhone 和 和 d iPad 上適用)
iTunes.png
iTunes
Game Center.png
Game Center (x 4.x 以上固件才有)
。ㄒ陨蠄D標(biāo)名稱中文和英文一致)
Compass.png
指南針
Ca lculator.png
計(jì)算器
Calendar.png
日歷
Camera.png
相機(jī)
Clock.png
時(shí)鐘
Contacts.png
通訊錄
Music.png
音樂(lè)
。▋H在 h touch 上適用)
Maps.png
地圖
Messages.png
短信
( ( 也可以用 g Text.png 為了兼容 Sumd merBoard 主題工具) )
Notes.png
備忘錄
Phone.png
電話
Photos.png
照片
Settings.png
設(shè)置
Stocks.png
股市
Videos.png
視頻
。╤ touch 和 和 d iPad 上適用)
Weather.png
天氣
Voice Memos.png
語(yǔ)音備忘錄
七、 UIImages
主要用于修改 S iOS 框架 k UIKit.framework 里的資源,相當(dāng)于 s Bundles 目錄下的t com.apple.UIKit 目錄。一般是蘋果的 I UI 元素資源,比如導(dǎo)航條背景圖片,彈出的警告對(duì)話框背景或者按鈕圖片等等。
1 1 、 時(shí)間背景圖換 只要替換里的 文件,大小 640x98 ,就能達(dá)到以上效果。
s UIImages 文件夾里包含以下文件
g UIButtonBarBlackOpaqueBackgroundTall.png 為撥號(hào)界面底下那塊(這部分為可選)
為短信界面狀態(tài)欄下面的那塊。圖片大小為 640x88
g UILCDBackground.png 為鎖屏的時(shí)間背景框那塊
分 頁(yè) 圖 標(biāo)
UIPageIndicator
UIPageIndicator@2x
UIPageIndicatorCurrent
UIPageIndicatorCurrent@2x
八、 UIsounds
修改s /System/Library/Audio/UISounds 目下的聲音文件,格式為 caf ,只要將 c aac 格式改成 成 f caf 就可以了。
beep- - beep.caf
充電聲音
lock .caf
鎖屏聲音
unlock.caf
解鎖聲音
mail- - sent.caf
發(fā)送 l Email 的聲音
new- - mail.caf
收到 l Email 的聲音
ReceivedMessage.caf
來(lái)短信聲音
SentMessage.caf
發(fā)送短信聲音
sms- - received1.caf
三全音
sms- - received2.caf
管鐘琴
s s ms- - received3.caf
玻璃聲
sms- - received4.caf
圓號(hào)
sms- - received5.caf
鈴聲
sms- - received6.caf
電子樂(lè)
九、插件
插件的后綴為 html ,使用 s js 代碼,不細(xì)說(shuō)。主要是鎖屏插件,主屏動(dòng)態(tài)壁紙,以及日歷天氣插件等等。
主要為三類:
1 1 、 Wallpaper.html
主屏幕顯示的插件,一般為動(dòng)態(tài)壁紙,也就 是幻燈片
2 2 、 LockWallpaper.html 鎖屏顯示的插件
3 3 、 Widget.html 小插件,一般是時(shí)鐘、日歷或者天氣插件
如果同時(shí)存在 Wallpaper.html、 、l Widget.html 和 和 Wallpaper.png ,則 l Widget.html 顯示在最上層,l Wallpaper.html 顯示在中間層,g Wallpaper.png 在最下層。
鎖屏天氣修改:
打開(kāi)主題包里的, LockBackground.html
搜索[color=initial;]var locale
現(xiàn) 會(huì)出現(xiàn) var locale = "CHXX0097"[color=initial;] 等字眼,
修改引好里面的
版權(quán)所有:PP 助手蘋果論壇:
查找更多相關(guān)資料請(qǐng)到各相關(guān)論壇版塊咨詢:
iPad3 論壇 iPad2 論壇 iPad 論壇 原文章來(lái)源:
熱點(diǎn)文章閱讀