教你如何制作苹果手机主题,如何修改主题,让别人的主题修改成自己心目中想要的主题
---------------
导航 ------------------
一 一· 主题的基本结构
二 二· 背景图片修改
三 三·t info.plist 配置 (有一定基础的可以尝试去修改)
四 四 s bundles 文件夹
(此文件夹里面的子文件夹分别改变手机里的各个程序图标,及改变运行如 程序后的进入页面等等,比如 e com.apple.mobilephone 它就是改变电话的整个界面,像拨号面板啊,通讯录菜单等等)
五 五·s folders 文件夹 ( ( 这个文 件夹修改一些特定的程序图标,比如我们从 a cydia 里面下载的一些插件图标,而 s bundles 文件夹改变权限高的图标,所以我们需要 s folders 文件夹来改变)
六 六· icons (放置图标,s bundles 文件高于 s icons 文件)
七 七·s ullmages 文件夹 (这个文件夹就是改变, WIFI ,信号圈,蓝牙,电量显示等,微型设置图标的)
八 八·s ulsounds 文件夹( ( 修改锁屏铃声,来电铃声,短信铃声等)
九 九· 主题中的插件
一` ` 主题的基本结构
一个主题包一般基本包含以下 4 4 部分:
1 1 、 文件夹 :
Bundles 、 Folders 、 Icons 、 UIImages 、 UISounds 2 2 、 配置文件 :
Info.plist
( 本质是 l xml 文档,用于配置字体颜色和导航条等) ) 3 3 、 背景图片 :
Dock.png 、 StatusBar.png 、 Wallpaper.png 、 LockBackground.png 4 4 、 插件 :
Wallpaper.html 、 LockBackground.html 、l Widget.html 以及被这些 l html 内部指定的目录,如 widget , private ,s resoures 等等文件夹。
现在的主题一般分为两个样式:如图
第一种(基本的)
第二种(复杂的)
1 1 、 苹果发布的
4 iPhone4 和 和 4 Touch4 为 为 a retina 显示屏,屏幕分辨率 640 x 960, ,适用 的图片宽度和高度都在原来基础上扩大两倍,而且后缀以x @2x 结尾。
例如,主屏壁纸 Wallpaper.png (320 x 480) ,在 iPhone4 ,s 4s 上为 Wallpaper@2x. png (640 x 960)
2 2、 、 如果您制作主题的时候不想遵循那些尺寸也行,但是一般不要超过推荐大小的 2 2 倍以上,以免显示过慢等。但是如果在教程中有用红线特别标注的大小就要遵循那些大小尺寸,不然会造成主界面显示异常等等。
二、基本背景图片修改
1 1 、 主屏幕壁纸:
Wallpaper.png
320 x 480
如果是 iPhone4 ,s 4s 或者 4 Touch4 则使用 640 x 960 ,命名为 Wallpaper@2x.
png ,
2 2 、 锁屏壁纸:
LockWallpaper.png
同上~ ~
3 3 、 状态栏:
1 1 , 电话,设置,短信状态栏
Silver_Base.png
640x40
640x40
放于在主题 s UIImages 文件夹里
2 2 , 锁屏, , 电池界面,与主屏幕状态栏
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 配置
改字体颜色及大小,可以在配置里改,就省去下载字体颜色插件,如果主题包内没有此文件,可自行增加
1 1 、 Dock k 栏图标字体 --
DockedIconLabelStyle
2 2 、非 非 k Dock 栏图标字体
--
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 颜色代码,对应的名称是 darkblue ,
使用 e color: darkblue 可以达到相同的颜色 效果。
将 将 k dock 栏和非 k dock 栏图标文字设置透明代码:
<key>DockedIconLabelStyle</key>
<string>opacity:0</string>
<key>UndockedIconLabelStyle</key>
<string> opacity:0</string>
3 3 、 导航条 --
NavigationBarStyle
<key>NavigationBarStyle</key>
<string>1</string>
导航 栏风格: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 、 状态栏( StatusBar )时间字体- - TimeStyle
<key>TimeStyle</key>
<string>color: red;</string>
四、s Bundles 文件夹介绍
1 1 、s Bundles 目录结构:
该目录下的子文件夹都是由每个程序的 D ID 命名的,每个文件夹都是对应程序的资源。
一般分为
两大类:
(1):
应用程序:
如果是苹果自带程序都是以 X com.apple.XXXXX 命名,非官方 程序为 com.xxxx.XXXX,如 如 k facebook 的 的 d id 为 为 com.facebook.Facebook.
(2) 系统框架:
主要是存放 k TelephonyUI.framework 和 和 k UIKit.framework 这两个 S iOS 框架里的资源,命名分别为 y com.apple.Telephony 和 和 com.apple.UIKit 。
《说明》:对于 t UIKit 资源一般不放在 Bundles ,而是独立放在最外层目录也就是下几文将讲述的 s UIImages 文件夹,
s Bundles 目录结构实际效果截图如下:
要获取某个应用程序的 d id 方法:
取 取 a Cydia 为例。
(1)
打开 /Applications/Cydia.app;
(2)
打开 Info.plist;
(3)
找到 y key 为 为 r CFBundleIdentifier 对应的值 com.saurik.Cydia ,即为 a Cydia 的程序id 。
( ( 最后在 s Bundles 里创建 a com.saurik.Cydia 的文件夹,里面存放 p Cydia.app 的图片就可以修改a Cydia 程序显示的样式了) )
e Bundle 目录常用的自带桌面程序图标名称
如果桌面图标采用了以下命名形式,s Icons 目录就不需要用了,用以下这种形式,可以兼容
所有的语言 环境,不用一种语言命名一种图标,进而加大主题包的空间。
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
音乐(详情请查看下面第三小节“ 修改程序的桌面图标” )
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 2 、 修改程序启动大图
(1)1 1 、 在 在 s Bundles 的目录下创建 e com.91.sj.iphone.PandaHome 文件夹;
2 2 、 然后将图片放入 com.91.sj.iphone.PandaHome ,命名为 Defualt.png
启动大图命名规则和分辨率大小:
(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 )
《使用优先级》:
a. 优先寻找对应方向大图。
b. 如果找不到对应方向大图:
竖屏:继续寻找 Default- - Portrait.png ,最后才会选择 Default.png ;
横屏:继续寻找 Default- - Landscape.png ( 1024w *748h )
,最后才会选择 Default.png ;
3 3 、 修改程序的桌面图标 (1) 图标命名规则和分辨率大小:
(2 2 )对于 4 Touch4 和 和 iPhone4 ,4 4S S :
118 x 120
icon.png
59x60 如果不存在 ,则会使用 icon.png
1 1 、 com.apple.mobileslideshow (主要是存放相机和照片图标)
2 2 、
对于 e iPhone 和 和 Touch (4 touch4 也才有相机图标)
相机
icon- - Camera.png
照片
icon- - Photos.png
如果此处只有 g icon.png 必然导致相机和照片程序图标都是同一个。
3 3 、 com.apple.camera (主要是存放照相机 图标,)
照相机:
icon.png
是 注 :
如 果 是 4 touch4 和 和 4 iPhone4 图 标 还 需 要 加 上 x @2x 后 缀 。
n Icon 如 的 命 名 方 式 全 部 采 用 小 写 。
如 g icon.png ,。
4 4 、 修改系统桌面程序界面( com.apple.springboard)
)
可以修改电池背景、卸载程序按钮背景和程序气泡数字标 记背景等等。
包含 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 )程序气泡数字标记 SBBadgeBG.png
(3 3 )卸载程序按钮:
closebox.png 长按图标时出现的删除 a ipa 的小图标
其中,g SBBadgeBg.png 无论是 4 iPhone4 或者 4S ,4 Touch4 可以不用加上x @2x 后缀,最好手动区分
5 5 、 修改滑块、电话接听面板( com.apple.TelephonyUI )
)
g bottombarbkgndlock.png 为所有滑块的背景框
g bottombarknobgray.png 为滑块的图标
g bottombarknobgreen.png 为来 电滑块的图标
g bottombarknobred.png 为关机滑块的图标
g bottombarbkgnd.png 为关机或者来电的取消的背景框
g bottombarbkgndlock.png 为解锁滑块的背景框
g bottombarknobgray.png 为解锁滑块的图标
6 6 、 电话( com.apple.mobilephone )
主要是修改拨号面板。
文 注意:拨号面板与上文 I TelephonyUI 的电话接听面板有所不同。前者是电话程序拨打电话的面板,后者是来电时弹起的面板。
(1 1 )、数字键盘:
这一块的尺寸为 640× 546
要 数字键盘部分一共需要 2 2 中 张图,其中 g dialerkeypad.png 这张是正常显示状态,g dialerkeypad_pressed.png 这张为键盘按下显示的状态。如图:
(2 2 )、添加、拨号及删除:
添加和删除两个的尺寸一样,为 214x128, 文件扩展名是 png
拨号的尺寸为 214x128, 文件扩展名是 png
(3 3 )、拨号数字显示区, , 文件名是 dialerlcd.png :
这部分的尺寸为 640x148
说明:拨号图片要有两张,一张命名为 callglyph ,另一张命名为 callglyph_big 。如果想为按下去的时候多添加一张图片的话,只需在原先的命名基础上加上 _pressed ,如 dialerkeypad.png ,那么按下去的效果就是 dialerkeypad_pressed.png 。
对于 4 iPhone4 和 4S ,4 touch4 的话,后面加上x @2x 后缀,分辨率为原来的 2 2 倍即行。
7 7 、 短信( com.apple.chatkit)
)
g Balloon_1.png 发送g , Balloon_2.png 接收
对于 4 iPhone4 和 和 4S , Touch4 ,图片命名在后面加上x @2x 后缀,大小尺寸为原来的 2 2 倍。
8 8 、 计算机( com.apple.calculator)
)
为 计算机数字面板命名为 basicKeypad.png为 。大小为 320*371 。. . 如果想改变按下去的效果,不能像电话那样命名,采取以下命名方式:
+ +- - BasicPressed.png
对应
“+ +- -/ /”
大小 :
66*41
=BasicPressed.png
对应
“= =”
大小:
65*99
0BasicPressed.png~9BasicPressed.png
对应
“0 0- -9 9”
大小:
其中数字键盘的大小分别如下(0 0 :
143*39 ;1 1- -3 3 :
66*40 ;
4 4- -9 9 :
66*42)
)
acBasicPressed.png
对应
“ AC”
大小:
66*41
addBasicPressed.png
对应
“+ +”
大小:
65*42
basicRing.png
对应
“ 输出框中的点”
大小:
74*51
cBasicPressed.png
对应
“C 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 m- - BasicPressed.png
对应
“M 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
大小在 9 66*39 至 至 2 66*42 之间都行。对应 4 iPhone4 和 和 Touch4 ,加上x @2x 后缀,大小尺寸为原来的 2 2倍即行。
五、
Folders
该文件夹功能跟 s Bundles 一样,都是修 改应用程序的资源。除了文件夹名称方式不同,而
且不能修改系统框架 k TelephonyUI.framework 和 和 k UIKit.framework 外,两者是一致的。
s Bundles 目录的优先级高于 Folders 。(现在主题制作以 e Bundle 为准)
具有相同程序的 s Folders 目录和 s Bundles 目录结构对比图:
s Folders 目录的文件夹命名是程序的 CFBundleName+.app ,
如 如 a Cydia 对应的 e CFBundleName 值为 Cydia ,再加上后缀为 p Cydia.app 则为文件夹名称。如图:
e iPhone 的添加了e ~iPhone 后缀, iPad d 的添加了d ~iPad 后缀
六、
Icons
用于修改桌面图标名称。与
s Bundles 和 和 s Folders 修改图标不同,图标以程序显示名称来命名。但将所有图标独立成一个文件夹也有好处,也有缺点:
优点:
(1 1 )
命名方便,不需要知道每个程序对应的 id ,而只需要知道现实名称即可。
(2 2 )
不需要为每个图标单独创建一个文件夹,操作方便。
缺点:
(1 1 )
找 效率低。因为主题工具取图标资源顺序是:优先寻找 Bundles找 ,再寻找 Folders目录,最后才会寻找 s Icons 目录下的图标;
(2 2 )
有可能造成图标不显示。因为 x 4.x 固件不存在多种语言映射表,只有一份英文图标的话,在中文或其它语言环境下不能显示。必须由主题工具支持。
标准尺寸:
iPhone4 ,s 4s 和 和 Touch4 :
60x60
s Icons 目 录常用的 4 24 自带程序图标名称:
( 如果是 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 以上固件才有)
(以上图标名称中文和英文一致)
Compass.png
指南针
Ca lculator.png
计算器
Calendar.png
日历
Camera.png
相机
Clock.png
时钟
Contacts.png
通讯录
Music.png
音乐
(仅在 h touch 上适用)
Maps.png
地图
Messages.png
短信
( ( 也可以用 g Text.png 为了兼容 Sumd merBoard 主题工具) )
Notes.png
备忘录
Phone.png
电话
Photos.png
照片
Settings.png
设置
Stocks.png
股市
Videos.png
视频
(h touch 和 和 d iPad 上适用)
Weather.png
天气
Voice Memos.png
语音备忘录
七、 UIImages
主要用于修改 S iOS 框架 k UIKit.framework 里的资源,相当于 s Bundles 目录下的t com.apple.UIKit 目录。一般是苹果的 I UI 元素资源,比如导航条背景图片,弹出的警告对话框背景或者按钮图片等等。
1 1 、 时间背景图换 只要替换里的 文件,大小 640x98 ,就能达到以上效果。
s UIImages 文件夹里包含以下文件
g UIButtonBarBlackOpaqueBackgroundTall.png 为拨号界面底下那块(这部分为可选)
为短信界面状态栏下面的那块。图片大小为 640x88
g UILCDBackground.png 为锁屏的时间背景框那块
分 页 图 标
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
发送 l Email 的声音
new- - mail.caf
收到 l Email 的声音
ReceivedMessage.caf
来短信声音
SentMessage.caf
发送短信声音
sms- - received1.caf
三全音
sms- - received2.caf
管钟琴
s s ms- - received3.caf
玻璃声
sms- - received4.caf
圆号
sms- - received5.caf
铃声
sms- - received6.caf
电子乐
九、插件
插件的后缀为 html ,使用 s js 代码,不细说。主要是锁屏插件,主屏动态壁纸,以及日历天气插件等等。
主要为三类:
1 1 、 Wallpaper.html
主屏幕显示的插件,一般为动态壁纸,也就 是幻灯片
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
现 会出现 var locale = "CHXX0097"[color=initial;] 等字眼,
修改引好里面的
版权所有:PP 助手苹果论坛:
查找更多相关资料请到各相关论坛版块咨询:
iPad3 论坛 iPad2 论坛 iPad 论坛 原文章来源: