你好,歡迎來到IOS教程網

 Ios教程網 >> IOS教程 >> 關於IOS教程 >> 蘋果手機如何修改主題

蘋果手機如何修改主題

編輯:關於IOS教程


一,主題的基本結構


二,背景圖片修改


三,info.plist配置
(有一定基礎的可以嘗試去修改)

四,bundles文件夾
(此文件夾裡面的子文件夾分別改變手機裡的各個程序圖標,及改變運行程序後的進入頁面等等,
比如com.apple.mobilephone它就是改變電話的整個界面,像撥號面板啊,通訊錄菜單等等)


五,folders文件夾

(這個文件夾修改一些特定的程序圖標,比如我們從cydia裡面下載的一些插件圖標,
bundles文件夾改變權限高的圖標,所以我們需要folders文件夾來改變)

六,icons
(放置圖標,bundles文件高於icons文件)

七,ullmages文件夾

(這個文件夾就是改變,WIFI,信號圈,藍牙,電量顯示等,微型設置圖標的)


八,ulsounds文件夾

(修改鎖屏鈴聲,來電鈴聲,短信鈴聲等)


九,主題中的插件


一,主題的基本結構


一個主題包一般基本包含以下4部分:
1、 文件夾:Bundles、Folders、Icons、UIImages、UISounds
2、 配置文件:Info.plist (本質是xml文檔,用於配置字體顏色和導航條等)
3、 背景圖片:Dock.png、StatusBar.png、Wallpaper.png、LockBackground.png
4、 插件:Wallpaper.html、LockBackground.html、Widget.html以及被這些html內部指定的目錄,如widget,private,resoures等等文件夾。

現在的主題一般分為兩個樣式:如圖

第一種(基本的) 第二種(復雜的)
蘋果手機如何修改主題  


1、蘋果發布的 iPhone4和Touch4為retina顯示屏,屏幕分辨率640 x 960,,適用的圖片寬度和高度都在原來基礎上擴大兩倍,而且後綴以@2x結尾。例如,主屏壁紙Wallpaper.png (320 x 480),在iPhone4,4s上為Wallpaper@2x. png (640 x 960)

2、
如果您制作主題的時候不想遵循那些尺寸也行,但是一般不要超過推薦大小的2倍以上,以免顯示過慢等。但是如果在教程中有用紅線特別標注的大小就要遵循那些大小尺寸,不然會造成主界面顯示異常等等。







二、基本背景圖片修改:

1、主屏幕壁紙:
Wallpaper.png
320 x 480
如果是iPhone4,4s或者Touch4則使用640 x 960,命名為Wallpaper@2x. png,
2、鎖屏壁紙:
LockWallpaper.png
同上~

3、狀態欄:
1,電話,設置,短信狀態欄
Silver_Base.png 640x40
SMSBackgroung.png 960x960


要獲取某個應用程序的id方法:
取Cydia為例。
(1)
用手機助手打開/Applications/Cydia.app;
(2)
打開Info.plist;
(3)
找到key為CFBundleIdentifier對應的值com.saurik.Cydia,即為Cydia的程序id。
(最後在Bundles裡創建com.saurik.Cydia的文件夾,裡面存放Cydia.app的圖片就可以修改Cydia程序顯示的樣式了)


Bundle目錄常用的自帶桌面程序圖標名稱

如果桌面圖標采用了以下命名形式,Icons目錄就不需要用了,用以下這種形式,可以兼容所有的語言環境,不用一種語言命名一種圖標,進而加大主題包的空間。

com.apple.AppStore App Store
com.apple.calculator 計算機
com.apple.camera 照相機(兼容4.2.1固件)
com.apple.compass 指南針
com.apple.Maps 地圖
com.apple.MobileAddressBook 通訊錄
com.apple.mobilecal 日歷
com.apple.mobileipod 音樂(詳情請查看下面第三小節“修改程序的桌面圖標”)
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 設置
com.apple.stocks 股市
com.apple.VoiceMemos 語音備忘錄
com.apple.weather 天氣
com.apple.youtube youtube
com.apple.gamecenter Game Center
com.saurik.Cydia Cydia

2、修改程序啟動大圖

1、在Bundles的目錄下創建com.91.sj.iphone.PandaHome文件夾;
2、
然後將圖片放入com.91.sj.iphone.PandaHome,命名為Defualt.png


啟動大圖命名規則和分辨率大小:


(2)
Touch4和iPhone4,4S:
對於iPad:
正常屏幕(HOME鍵在下):Default-Portrait.png (768w * 1004h )
豎屏倒置(HOME鍵在上):Default-PortraitUpsideDown.png (768w * 1004h )
橫屏-HOME鍵在左邊:Default-LandscapeLeft.png (1024w*748h )
橫屏-HOME鍵在右邊:Default-LandscapeRight.png (1024w * 748h)
豎屏方向默認大圖:Default-Portrait.png (768w * 1004h )
橫屏方向默認大圖:Default-Landscape.png(1024w *748h )

《使用優先級》:

a.優先尋找對應方向大圖。
b.如果找不到對應方向大圖:
豎屏:繼續尋找Default-Portrait.png,最後才會選擇Default.png;
橫屏:繼續尋找Default-Landscape.png(1024w *748h ) ,最後才會選擇Default.png;

3、修改程序的桌面圖標

圖標命名規則和分辨率大小:
(2)
對於Touch4和iPhone4,4S:
(1)
對於iPhone和Touch(touch4也才有相機圖標)
相機 icon-Camera.png
照片 icon-Photos.png
如果此處只有icon.png必然導致相機和照片程序圖標都是同一個。

3、com.apple.camera(主要是存放照相機圖標,)

照相機:icon.png
備注:如果是touch4和iPhone4圖標還需要加上@2x後綴。Icon的命名方式全部采用小寫。如icon.png,

(1)
電池:包含17個文件,BatteryBG_1.png到BatteryBG_17.png
(2)
如果是iPhone4或者4S,Touch4,還需要加上@2x後綴(沒有加上2x後綴的話,在iPhone4或者Touch4是不能顯示的)
(2)
程序氣泡數字標記SBBadgeBG.png
(3)
卸載程序按鈕:closebox.png 長按圖標時出現的刪除ipa的小圖標


其中,SBBadgeBg.png無論是iPhone4或者4S,Touch4可以不用加上@2x後綴,最好手動區分

5、修改滑塊、電話接聽面板(com.apple.TelephonyUI )

bottombarbkgndlock.png為所有滑塊的背景框

bottombarknobgray.png為滑塊的圖標

bottombarknobgreen.png為來電滑塊的圖標

bottombarknobred.png為關機滑塊的圖標

bottombarbkgnd.png為關機或者來電的取消的背景框

bottombarbkgndlock.png為解鎖滑塊的背景框

bottombarknobgray.png為解鎖滑塊的圖標

6、電話(com.apple.mobilephone)

主要是修改撥號面板。
注意:撥號面板與上文TelephonyUI的電話接聽面板有所不同。前者是電話程序撥打電話的面板,後者是來電時彈起的面板。

(1)、
數字鍵盤:

這一塊的尺寸為640×546
數字鍵盤部分一共需要2張圖,其中dialerkeypad.png這張是正常顯示狀態,dialerkeypad_pressed.png這張為鍵盤按下顯示的狀態。如圖:



(2)、
添加、撥號及刪除:

添加和刪除兩個的尺寸一樣,為214x128,文件擴展名是png

撥號的尺寸為214x128, 文件擴展名是png


(3)、
撥號數字顯示區,文件名是dialerlcd.png:
這部分的尺寸為640x148

說明:
撥號圖片要有兩張,一張命名為callglyph,另一張命名為callglyph_big。如果想為按下去的時候多添加一張圖片的話,只需在原先的命名基礎上加上_pressed,如dialerkeypad.png,那麼按下去的效果就是dialerkeypad_pressed.png。
對於iPhone4和4S,touch4的話,後面加上@2x後綴,分辨率為原來的2倍即行。

7、短信(com.apple.chatkit)

Balloon_1.png發送, Balloon_2.png接收

對於iPhone4和4S,Touch4,圖片命名在後面加上@2x後綴,大小尺寸為原來的2倍。

8、計算機(com.apple.calculator)

計算機數字面板命名為basicKeypad.png。大小為320*371。.如果想改變按下去的效果,不能像電話那樣命名,采取以下命名方式:

+-BasicPressed.png 對應 “+-/” 大小:66*41
=BasicPressed.png 對應 “=” 大小:65*99
0BasicPressed.png~9BasicPressed.png 對應 “0-9” 大小:

其中數字鍵盤的大小分別如下(0:143*39;1-3:66*40; 4-9:66*42)

acBasicPressed.png 對應 “AC” 大小:66*41
addBasicPressed.png 對應 “+” 大小:65*42
basicRing.png 對應 “輸出框中的點” 大小:74*51
cBasicPressed.png 對應 “C” 大小:66*41
commaBasicPressed.png 對應 “逗號”大小:66*39
decimalBasicPressed.png 對應 “十進制”大小:66*39
displayBackgroundSlice.png 對應 “輸出框的背景”大小320*89
divideBasicPressed.png 對應 “除號”大小:66*40
m+BasicPressed.png 對應 “M+”大小:66*42
m-BasicPressed.png 對應 “M-”大小:66*42
mcBasicPressedpng 對應 “MC” 大小:66*42
mrBasicPressed.png 對應 “MR” 大小:66*42
multiplyBasicPressed.png 對應 “乘號”大小:66*42
subtractBasicPressed.png 對應 “減號”大小:66*42
acBasic.png 對應 “AC” 大小:66*42
commaBasic.png 對應 “逗號” 大小:66*42

大小在66*39至66*42之間都行。對應iPhone4和Touch4,加上@2x後綴,大小尺寸為原來的2倍即行。





五、 Folders


該文件夾功能跟Bundles一樣,都是修改應用程序的資源。除了文件夾名稱方式不同,而且不能修改系統框架TelephonyUI.framework和UIKit.framework外,兩者是一致的。


Bundles目錄的優先級高於Folders。
(現在主題制作以Bundle為准)

具有相同程序的Folders目錄和Bundles目錄結構對比圖:


Folders目錄的文件夾命名是程序的CFBundleName+.app,
如Cydia對應的CFBundleName值為Cydia,再加上後綴為Cydia.app則為文件夾名稱。如圖:


iPhone的添加了~iPhone後綴,iPad的添加了~iPad後綴







六、 Icons



用於修改桌面圖標名稱。與 Bundles和Folders修改圖標不同,圖標以程序顯示名稱來命名。但將所有圖標獨立成一個文件夾也有好處,也有缺點:

優點:
(1)
命名方便,不需要知道每個程序對應的id,而只需要知道現實名稱即可。
(2)
不需要為每個圖標單獨創建一個文件夾,操作方便。
缺點:
(1)
效率低。因為主題工具取圖標資源順序是:優先尋找Bundles,再尋找Folders目錄,最後才會尋找Icons目錄下的圖標;
(2)
有可能造成圖標不顯示。因為4.x固件不存在多種語言映射表,只有一份英文圖標的話,在中文或其它語言環境下不能顯示。必須由主題工具支持。

標准尺寸:
iPhone4,4s和Touch4:60x60


Icons目錄常用的24自帶程序圖標名稱:

(如果是iPhone4和Touch4還必須添加“@2x”後綴,如主要用於修改iOS框架UIKit.framework裡的資源,相當於Bundles目錄下的com.apple.UIKit目錄。一般是蘋果的UI元素資源,比如導航條背景圖片,彈出的警告對話框背景或者按鈕圖片等等。

1、時間背景圖換


只要替換裡的

UIButtonBarBlackOpaqueBackgroundTall.png為撥號界面底下那塊(這部分為可選)






UILCDBackground.png為鎖屏的時間背景框那塊




分頁圖標 UIPageIndicator UIPageIndicator@2x UIPageIndicatorCurrent UIPageIndicatorCurrent@2x



八、UIsounds



修改/System/Library/Audio/UISounds目下的聲音文件,格式為caf,只要將aac格式改成caf就可以了。

beep-beep.caf 充電聲音
lock.caf 鎖屏聲音
unlock.caf 解鎖聲音
mail-sent.caf 發送Email的聲音
new-mail.caf 收到Email的聲音
ReceivedMessage.caf 來短信聲音
SentMessage.caf 發送短信聲音
sms-received1.caf 三全音
sms-received2.caf 管鐘琴
sms-received3.caf 玻璃聲
sms-received4.caf 圓號
sms-received5.caf 鈴聲
sms-received6.caf 電子樂




九、插件


插件的後綴為html,使用js代碼,不細說。主要是鎖屏插件,主屏動態壁紙,以及日歷天氣插件等等。

主要為三類:

1、Wallpaper.html 主屏幕顯示的插件,一般為動態壁紙,也就是幻燈片
2、
LockWallpaper.html 鎖屏顯示的插件
3、
Widget.html 小插件,一般是時鐘、日歷或者天氣插件
如果同時存在Wallpaper.html、Widget.html和Wallpaper.png,則Widget.html顯示在最上層,Wallpaper.html顯示在中間層,Wallpaper.png在最下層。
鎖屏天氣修改:

打開主題包裡的,LockBackground.html
搜索[font=arial;][color=initial;]var locale 會出現var locale = "CHXX0097"[color=initial;] 等字眼, 修改引好裡面的
開啟 LockBackground.html 需電腦下載Notepad++ 軟件

 

  1. 上一頁:
  2. 下一頁: