教你如何制作苹果手机主题,如何修改主题,让别人的主题修改成自己心目中想要的主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
教你如何制作苹果手机主题,如何修改主题,让别人的主题修改成自己心目中想要的主题
---------- 导航--------------------
一主题的基本结构
二背景图片修改
三info.plist 配置(有一定基础的可以尝试去修改)
四bun dies 文件夹(此文件夹里面的子文件夹分别改变手机里的各个程序图标,及改变运行
程序后的进入页面等等,比如com.apple.mobilephone 它就是改变电话的整个界面,像拨号面板啊,通讯录菜单等等)
五folders 文件夹(这个文件夹修改一些特定的程序图标,比如我们从Cydia里面下载的一些插件图标,而bun dles 文件夹改变权限高的图标,所以我们需要folders 文件夹来改变)
六icons (放置图标,bundles 文件高于icons文件)
七UiimageS 文件夹(这个文件夹就是改变,WIFl ,信号圈,蓝牙,电量显示等,微型设置图
标的)
八ulsounds 文件夹(修改锁屏铃声,来电铃声,短信铃声等)
九主题中的插件
一'主题的基本结构
一个主题包一般基本包含以下4部分:1、文件夹:BUndles、FOiderS、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结尾。
例如,主屏壁纸
WalIPaper.p ng (320 X 480) ,在iPhone4 , 4s 上为Wallpaper@2x. Png (640 X 960)
2、如果您制作主题的时候不想遵循那些尺寸也行,但是一般不要超过推荐大小的
以免显示过慢等。
但是如果在教程中有用红线特别标注的大小就要遵循那些大小尺寸,不然会造成主界面显示异常等等。
、基本背景图片修改
同上~
3、状态栏:
1,电话,设置,短信状态栏2倍以上,
1、主屏幕壁纸:Wallpaper.p ng
320X 480
如果是iPhone4 ,4s 或者TaUCh4 则使用640 X 960 ,命名为Wallpaper@2x. Png,2、锁屏壁纸:LaCkWallpaper.png
WalIPaper.p ng (320 X 480) ,在iPhone4 , 4s 上为Wallpaper@2x. Png (640 X 960)
640x40
SiIVer_Base.p
ng
640x40 放于在主题UIlmageS 文件夹里
2,锁屏,电池界面,与主屏幕状态栏
Tran sluce nt_Base.p ng 640x40
640x40 放于在主题UIImageS 文件夹里
4、dock 栏:
640x91
放于BUndies 文件夹里的com.apple.springboard
5、短信聊天背景:SMSBaCkgraUnd.png
SMSBaCkgraU ng.p ng 960x960
960x960
三、Info.plist 配置
改字体颜色及大小,可以在配置里改,就省去下载字体颜色插件,如果主题包内没有此文件,可自行增加
1、DoCk 栏图标字体--DoCkedlConLabelStyle
2、非Dock 栏图标字体--UndockedlconLabelStyle
<key>DockedIc On LabeIStyle<∕key>
<stri ng>fo nt-family: Arial; fon t-size: 15px; color:#00008B; fon t-weight:bold</Stri ng>
<key> Un dockedIc On LabeIStyle</key>
<stri ng> fon t-size: 15px;color: yellow;OPaCity:0.5</stri ng>
说明:
font-family :字体样式
font-size :字体大小(默认是13 ,一般不要超过15)
font-weight: 字体粗细bolder、bold
opacity:将文字透明化(取值范围0~1之间:0全透明,1完全不透明)
tran SPare nt color :字体颜色,使用CSS颜色代码值或者颜色名称,比较特殊的是透明色是
该处的#00008B 是CSS颜色代码,对应的名称是darkblue ,
使用color: darkblue 可以达到相同的颜色效果。
将dock栏和非dock栏图标文字设置透明代码:
<key>DockedIc on LabeIStyle</key>
<stri ng>opacity:0</stri ng>
<key> Un dockedlc On LabelStyleV∕key>
VString> OPaCity:0</string>
3、导航条--NaVigatiOnBarStyle
<key>Navigati On BarStyle</key>
VStri ng>1</Stri ng>
导航栏风格:O是默认颜色(淡蓝色),1是黑色,2是透明
4、日历的日期”字体--CalendarlconDateStyle
5、日历的星期”字体--CalendarlconDayStyle
<key>Cale ndarlc On DateStyle<∕key>
VStri ng>color: blue;</stri ng>∕/将日期颜色改成蓝色
<key>Cale ndarlc On DayStyle</key>
VStri ng>color: black;</stri ng>// 将星期颜色改成黑色
7、状态栏(StatUSBar )时间字体-TimeStyIe
vkey>TimeStylev∕key>
VStri ng>color: red;v/stri ng>
四、BUndies文件夹介绍
1、BUndies 目录结构:
该目录下的子文件夹都是由每个程序的ID命名的,每个文件夹都是对应程序的资源。
一般分为两大类:
(1)应用程序:如果是苹果自带程序都是以com.apple.XXXXX 命名,非官方程序为
com.xxxx.XXXX, 女口facebook 的id 为com.facebook.Facebook.
⑵系统框架:主要是存放TeiePhOnyUl.framework 和UIKilframework 这两个iOS框架
里的资源,命名分别为com.apple.Telephony 和com.apple.UIKit 。
《说明》:对于UlKit资源一般不放在BUndles ,而是独立放在最外层目录也就是下几文将
讲述的UIImageS 文件夹,
BUn dles目录结构实际效果截图如下:
要获取某个应用程序的id方法:
取Cydia为例。
(1) 打开/Applications/Cydia.app;
(2) 打开Info.plist;
(3) 找到key 为CFBUndleIdentifier 对应的值com.saurik.Cydia ,即为Cydia 的程
序id。
(最后在BUndles 里创建com.saurik.Cydia 的文件夹,里面存放Cydia.app 的图片就可以修
改Cydia程序显示的样式了)
BUn dle目录常用的自带桌面程序图标名称
如果桌面图标采用了以下命名形式,IConS目录就不需要用了,用以下这种形式,可以兼容所有的语言环境,不用一种语言命名一种图标,进而加大主题包的空间。
com.apple.AppStore APP Store
com.apple.calculator 计算机
com.apple.camera 照相机(兼容4.2.1 固件)
pass 指南针
com.apple.MobileAddressBook 通讯录
com.apple.mobilecal 日历
com.apple.mobileipod
标”
音乐(详
com.apple.mobilemail 地图
com.apple.mobile no tes 备忘录
com.apple.mobileph One 电话
com.apple.mobilesafari Safari
com.apple.mobileslideshow 照相机和照片
com.apple.MobileSMS 短信
com.apple.MobileStore iTu nes
com.apple.mobiletimer 时钟
com.apple.Prefere nces 设置
com.apple.stocks 股市
com.apple.VoiceMemos 语音备忘录
com.apple.weather 天气
com.apple.youtube youtube
F面第三小节修改程序的桌面图
com.apple.gamece nter Game Cen ter
com.saurik.Cydia Cydia
2、修改程序启动大图
(1)1、在BUndies 的目录下创建com.91.sj.iphone.PandaHome 文件夹;
2、然后将图片放入com.91.sj.iphone.PandaHome ,命名为DefUalt.png
竖屏方向默认大图:DefaUlt-Portrait.p ng (768w * 1004h )
启动大图命名规则和分辨率大小:
(2) ToUCh4 和iPhone4 , 4S :
640 X 960
如果不存在,则会使用DefaUlt.png
(3)对于iPad :
正常屏幕(HoME 键在下):DefaUlt-Portrait.png (768w * 1004h )
竖屏倒置(HOME 键在上):DefaUIt-PortraitUpsideDown.png (768w * 1004h )
横屏-HOME 键在左边:DefaUIt-LandscapeLeft.png (1024w*748h )
横屏-HOME 键在右边:DefaUIt-LandscapeRight.png (1024w * 748h)
竖屏方向默认大图: DefaUlt-Portrait.p ng (768w * 1004h )
横屏方向默认大图: DefaUlt-La ndscape.p ng 《使用优先级》:
a. 优先寻找对应方向大图。
b. 如果找不到对应方向大图:
竖屏:继续寻找 DefaUlt-Portrait.p ng ,最后才会选择 DefaUlt.p ng ;
横屏:继续寻找 DefaUIt-Landscape.png ( 1024w *748h
),最后才会选择 DefaUlt.png ; 3、修改程序的桌面图标
(1)图标命名规则和分辨率大小:
(2) 对于 Touch4 和 iPhOne4 , 4S :
118X120 icon.png
(1024w *748h )
59x60
如果不存在,则会使用
icon.png
1、com.apple.mobileslideshow (主要是存放相机和照片图标)
2、对于iPhone 和Touch (touch4 也才有相机图标)
相机icon-Camera.png
照片icon-Photos.png
如果此处只有icon .p ng 必然导致相机和照片程序图标都是同一个。
3、com.apple.camera (主要是存放照相机图标,)
照相机:icon.png
注:如果是touch4 和iPho ne4 图标还需要加上@2X后缀。
ICo n 的命名方式全部采用小写。
如ico n.png
4、修改系统桌面程序界面(com.apple.springboard )
可以修改电池背景、卸载程序按钮背景和程序气泡数字标记背景等等。
包含20个文件,如图
(2) 如果是iPhone4 或者4S , ToUCh4 ,还需要加上@2X后缀(没有加上2x后缀的话,
在iPhone4 或者Touch4是不能显示的)
(2)程序气泡数字标记S BBadgeBG.p ng
(3)卸载程序按钮:closebox.png 长按图标时岀现的删除ipa的小图标
其中,SBBadgeBg.png 无论是iPhone4 或者4S , Touch4可以不用加上@2X后缀,最好手动区分
5、修改滑块、电话接听面板( com.apple.TelephOnyUI )
bottombarbkg ndlock.p ng 为所有滑块的背景框
bottombark nobgray.p ng 为滑块的图标
dialerkeypad_PreSSed.p ng 这张为键盘按下显示的状态。
如图:
bottombark nobgree n.png 为来电滑块的图标
bottombark nobred.p ng 为关机滑块的图标
bottombarbkg nd.p ng 为关机或者来电的取消的背景框
bottombarbkg ndlock.p ng 为解锁滑块的背景框
bottombark nobgray.p ng 为解锁滑块的图标
6、电话(com.apple.mobilephOne )
主要是修改拨号面板。
注意:拨号面板与上文TeIePhOnyUI 的电话接听面板有所不同。
前者是电话程序拨打电话的面板,后者是来电时弹起的面板。
(1 )、数字键盘:
这一块的尺寸为640 X546
数字键盘部分一共需要2张图,其中dialerkeypad.png 这张是正常显示状态, (1) 电池:包含17 个文件,BatteryBG_1.png 至U BatteryBG_17.png。