教你如何制作苹果手机主题,如何修改主题,让别人的主题修改成自己心目中想要的主题
--------------- 导航------------------
一·主题的基本结构
二·背景图片修改
三·info.plist配置(有一定基础的可以尝试去修改)
四bundles文件夹 (此文件夹里面的子文件夹分别改变手机里的各个程序图标,及改变运行程序后的进入页面等等,比如bilephone它就是改变电话的整个界面,像拨号面板啊,通讯录菜单等等)
五·folders文件夹(这个文件夹修改一些特定的程序图标,比如我们从cydia里面下载的一些插
件图标,而bundles文件夹改变权限高的图标,所以我们需要folders文件夹来改变)
六·icons(放置图标,bundles文件高于icons文件)
七·ullmages文件夹(这个文件夹就是改变,WIFI,信号圈,蓝牙,电量显示等,微型设置图标的)
八·ulsounds文件夹(修改锁屏铃声,来电铃声,短信铃声等)
九·主题中的插件
六·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
640x40
放于在主题UIImages文件夹里
2,锁屏,电池界面,与主屏幕状态栏
Translucent_Base.png 640x40
放于在主题UIImages文件夹里
2,锁屏,电池界面,与主屏幕状态栏
Translucent_Base.png 640x40
640x40
放于在主题UIImages文件夹里
4、dock栏:
放于在主题UIImages文件夹里
4、dock栏:
640x91
放于Bundles文件夹里的com.apple.springboard
5、短信聊天背景:SMSBackground.png
SMSBackgroung.png 960x960
放于Bundles文件夹里的com.apple.springboard
5、短信聊天背景:SMSBackground.png
SMSBackgroung.png 960x960
960x960
三、Info.plist配置
改字体颜及大小,可以在配置里改,就省去下载字体颜插件,如果主题包内没有此文件,可自行增加
1、Dock栏图标字体-- DockedIconLabelStyle
2、非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: yellow;opacity:0.5</string>
说明:
font-family:字体样式
font-size:字体大小(默认是13,一般不要超过15)
font-weight:字体粗细bolder、bold
opacity:将文字透明化(取值范围0~1之间:0全透明,1完全不透明)
color:字体颜,使用CSS颜代码值或者颜名称,比较特殊的是透明是transparent。该处的#00008B是CSS颜代码,对应的名称是darkblue,
2、非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: yellow;opacity:0.5</string>
说明:
font-family:字体样式
font-size:字体大小(默认是13,一般不要超过15)
font-weight:字体粗细bolder、bold
opacity:将文字透明化(取值范围0~1之间:0全透明,1完全不透明)
color:字体颜,使用CSS颜代码值或者颜名称,比较特殊的是透明是transparent。该处的#00008B是CSS颜代码,对应的名称是darkblue,
使用color: darkblue可以达到相同的颜效果。
将dock栏和非dock栏图标文字设置透明代码:
<key>DockedIconLabelStyle</key>
<string>opacity:0</string>
<key>UndockedIconLabelStyle</key>
<string> opacity:0</string>
3、导航条-- NavigationBarStyle
<key>NavigationBarStyle</key>
<string>1</string>
导航栏风格:0是默认颜(淡蓝),1是黑,2是透明
4、日历的“日期”字体-- CalendarIconDateStyle
将dock栏和非dock栏图标文字设置透明代码:
<key>DockedIconLabelStyle</key>
<string>opacity:0</string>
<key>UndockedIconLabelStyle</key>
<string> opacity:0</string>
3、导航条-- NavigationBarStyle
<key>NavigationBarStyle</key>
<string>1</string>
导航栏风格:0是默认颜(淡蓝),1是黑,2是透明
4、日历的“日期”字体-- CalendarIconDateStyle
5、日历的“星期”字体 -- CalendarIconDayStyle
<key>CalendarIconDateStyle</key>
<string>color: blue;</string>//将日期颜改成蓝
<key>CalendarIconDayStyle</key>
<string>color: black;</string>//将星期颜改成黑
7、状态栏(StatusBar)时间字体-TimeStyle
<key>TimeStyle</key>
<string>color: red;</string>
<key>CalendarIconDateStyle</key>
<string>color: blue;</string>//将日期颜改成蓝
<key>CalendarIconDayStyle</key>
<string>color: black;</string>//将星期颜改成黑
7、状态栏(StatusBar)时间字体-TimeStyle
<key>TimeStyle</key>
<string>color: red;</string>
四、Bundles文件夹介绍
1、Bundles目录结构:
该目录下的子文件夹都是由每个程序的ID命名的,每个文件夹都是对应程序的资源。一般分为两大类:
(1)应用程序:如果是苹果自带程序都是以com.apple.XXXXX命名,非官方程序为XXXX,如facebook的id为com.facebook.Facebook.
(2)系统框架:主要是存放TelephonyUI.framework和UIKit.framework这两个iOS框架里的资源,命名分别为com.apple.Telephony和com.apple.UIKit。
《说明》:对于UIKit资源一般不放在Bundles,而是独立放在最外层目录也就是下几文将讲述的UIImages文件夹,
Bundles目录结构实际效果截图如下:
(2)系统框架:主要是存放TelephonyUI.framework和UIKit.framework这两个iOS框架里的资源,命名分别为com.apple.Telephony和com.apple.UIKit。
《说明》:对于UIKit资源一般不放在Bundles,而是独立放在最外层目录也就是下几文将讲述的UIImages文件夹,
Bundles目录结构实际效果截图如下:
要获取某个应用程序的id方法:
取Cydia为例。
(1) 打开/Applications/Cydia.app;
(2) 打开Info.plist;
(3) 到key为CFBundleIdentifier对应的值com.saurik.Cydia,即为Cydia的程序id。
(最后在Bundles里创建com.saurik.Cydia的文件夹,里面存放Cydia.app的图片就可以修改Cydia程序显示的样式了)
(最后在Bundles里创建com.saurik.Cydia的文件夹,里面存放Cydia.app的图片就可以修改Cydia程序显示的样式了)
Bundle目录常用的自带桌面程序图标名称
如果桌面图标采用了以下命名形式,Icons目录就不需要用了,用以下这种形式,可以兼容所有的语言环境,不用一种语言命名一种图标,进而加大主题包的空间。
com.apple.AppStore App Store
com.apple.calculator 计算机
com.apple.camera 照相机(兼容4.2.1固件)
com.applepass 指南针
com.apple.Maps 地图
com.apple.MobileAddressBook 通讯录
bilecal 日历
bileipod 音乐(详情请查看下面第三小节“修改程序的桌面图标”)
bilemail 地图
bilenotes 备忘录
bilephone 电话
bilesafari Safari
bileslideshow 照相机和照片
com.apple.MobileSMS 短信
com.apple.MobileStore iTunes
biletimer 时钟
com.apple.Preferences 设置
com.apple.stocks 股市
com.apple.VoiceMemos 语音备忘录
com.apple.weather 天气
utube youtube
com.apple.gamecenter Game Center
com.saurik.Cydia Cydia
2、修改程序启动大图
bilesafari Safari
bileslideshow 照相机和照片
com.apple.MobileSMS 短信
com.apple.MobileStore iTunes
biletimer 时钟
com.apple.Preferences 设置
com.apple.stocks 股市
com.apple.VoiceMemos 语音备忘录
com.apple.weather 天气
utube youtube
com.apple.gamecenter Game Center
com.saurik.Cydia Cydia
2、修改程序启动大图
(1)1、 在Bundles的目录下创建com.91.sj.iphone.PandaHome文件夹;
2、然后将图片放入com.91.sj.iphone.PandaHome,命名为Defualt.png
启动大图命名规则和分辨率大小:
(2)Touch4和iPhone4,4S:
640 x 960
如果不存在,则会使用Default.png
(3)对于iPad:
正常屏幕(HOME键在下):Default-Portrait.png (768w * 1004h )
2、然后将图片放入com.91.sj.iphone.PandaHome,命名为Defualt.png
启动大图命名规则和分辨率大小:
(2)Touch4和iPhone4,4S:
640 x 960
如果不存在,则会使用Default.png
(3)对于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、修改程序的桌面图标
手机桌面字体样式免费下载(1)图标命名规则和分辨率大小:
(2)对于Touch4和iPhone4,4S:
横屏-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、修改程序的桌面图标
手机桌面字体样式免费下载(1)图标命名规则和分辨率大小:
(2)对于Touch4和iPhone4,4S:
118 x 120
icon.png 59x60
如果不存在
icon.png 59x60
如果不存在
,则会使用icon.png
1、bileslideshow(主要是存放相机和照片图标)
2、 对于iPhone和Touch(touch4也才有相机图标)
相机 icon-Camera.png
照片 icon-Photos.png
如果此处只有icon.png必然导致相机和照片程序图标都是同一个。
3、com.apple.camera(主要是存放照相机图标,)
1、bileslideshow(主要是存放相机和照片图标)
2、 对于iPhone和Touch(touch4也才有相机图标)
相机 icon-Camera.png
照片 icon-Photos.png
如果此处只有icon.png必然导致相机和照片程序图标都是同一个。
3、com.apple.camera(主要是存放照相机图标,)
照相机:icon.png
注:如果是touch4和iPhone4图标还需要加上@2x后缀。Icon的命名方式全部采用小写。如icon.png,。
4、修改系统桌面程序界面(com.apple.springboard)
可以修改电池背景、卸载程序按钮背景和程序气泡数字标记背景等等。
包含20个文件,如图
注:如果是touch4和iPhone4图标还需要加上@2x后缀。Icon的命名方式全部采用小写。如icon.png,。
4、修改系统桌面程序界面(com.apple.springboard)
可以修改电池背景、卸载程序按钮背景和程序气泡数字标记背景等等。
包含20个文件,如图
(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、电话(bilephone)
(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、电话(bilephone)
主要是修改拨号面板。
注意:拨号面板与上文TelephonyUI的电话接听面板有所不同。前者是电话程序的面板,后者是来电时弹起的面板。
(1)、数字键盘:
这一块的尺寸为640×546
数字键盘部分一共需要2张图,其中dialerkeypad.png这张是正常显示状态,dialerkeypad_pressed.png这张为键盘按下显示的状态。如图:
注意:拨号面板与上文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
其中数字键盘的大小分别如下(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倍即行。
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则为文件夹名称。如图:
如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”后缀,如)
App Store.png App Store.
Safari.png Safari
Mail.png Mail
YouTube.png YouTube
iPod.png iPod (iPhone和iPad上适用)
iTunes.png iTunes
Game Center.png Game Center (4.x以上固件才有)
(以上图标名称中文和英文一致)
Compass.png 指南针
Calculator.png 计算器
Calendar.png 日历
Camera.png 相机
Clock.png 时钟
Contacts.png 通讯录
Music.png 音乐 (仅在touch上适用)
Maps.png 地图
Messages.png 短信 (也可以用Text.png为了兼容SummerBoard主题工具)
Notes.png 备忘录
Phone.png 电话
Photos.png 照片
Settings.png 设置
Stocks.png 股市
Videos.png 视频 (touch和iPad上适用)
Weather.png 天气
Voice Memos.png 语音备忘录
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论