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