教你如何制作苹果手机主题,如何修改主题,让别人的主题修改成自己心目中想要的主题
--------------- 导航------------------
一·主题的基本结构二·背景图片修改 三·info.plist配置(有一定基础的可以尝试去修改)四bundles文件夹 (此文件夹里面的子文件夹分别改变手机里的各个程序图标,及改变运行程序后的进入页面等等,比如.bilephone它就是改变的整个界面,像拨号面板啊,通讯录菜单等等)
五·folders文件夹(这个文件夹修改一些特定的程序图标,比如我们从cydia里面下载的一些插件图标,而bundles文件夹改变权限高的图标,所以我们需要folders文件夹来改变)六·icons(放置图标,bundles文件高于icons文件)
七·ullmages文件夹(这个文件夹就是改变,WIFI,信号圈,蓝牙,电量显示等,微型设置图标的)八·ulsounds文件夹(修改锁屏铃声,来电铃声,短信铃声等)九·主题中的插件
五·folders文件夹(这个文件夹修改一些特定的程序图标,比如我们从cydia里面下载的一些插件图标,而bundles文件夹改变权限高的图标,所以我们需要folders文件夹来改变)六·icons(放置图标,bundles文件高于icons文件)
七·ullmages文件夹(这个文件夹就是改变,WIFI,信号圈,蓝牙,电量显示等,微型设置图标的)八·ulsounds文件夹(修改锁屏铃声,来电铃声,短信铃声等)九·主题中的插件
气象万千的意思
一`主题的基本结构
一个主题包一般基本包含以下4部分:1、文件夹:Bundles、Folders、Icons、UIImages、UISounds2、配置文件:Info.plist (本质是xml文档,用于配置字体颜和导航条等)3、背景图片:Dock.png、StatusBar.png、Wallpaper.png、LockBackground.png4、插件: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上为Wallpaper2x. png (640 x 960)2、如果您制作主题的时候不想遵循那些尺寸也行,但是一般不要超过推荐大小的2倍以上,以免显示过慢等。但是如果在教程中有用红线特别标注的大小就要遵循那些大小尺寸,不然会造成主界面显示异常等等。
二、基本背景图片修改
1、主屏幕壁纸: Wallpaper.png wegigabytemisaya320 x 480 如果是iPhone4,4s或者Touch4则使用640 x 960,命名为Wallpaper2x. png,2、锁屏壁纸: LockWallpaper.png 同上~3、状态栏:1,,设置,短信状态栏 Silver_Base.png 640x40640x40放于在主题UIImages文件夹里2,锁屏,电池界面,与主屏幕状态栏 Translucent_Base.png 640x40640x40放于在主题UIImages文件夹里 4、dock栏:640x91放于Bundles文件夹里的.apple.springboard5、短信聊天背景:SMSBackground.pngSMSBackgroung.png 960x960960x960
三、Info.plist配置
改字体颜及大小,可以在配置里改,就省去下载字体颜插件,如果主题包没有此文件,可自行增加
1、Dock栏图标字体-- DockedIconLabelStyle2、非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、boldopacity:将文字透明化(取值围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>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、boldopacity:将文字透明化(取值围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、日历的“日期”字体-- CalendarIconDateStyle5、日历的“星期”字体 -- 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>
<string>1</string>导航栏风格:0是默认颜(淡蓝),1是黑,2是透明
4、日历的“日期”字体-- CalendarIconDateStyle5、日历的“星期”字体 -- 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>
四、Bundles文件夹介绍
1、Bundles目录结构:该目录下的子文件夹都是由每个程序的ID命名的,每个文件夹都是对应程序的资源。一般分为两大类:(1)应用程序:如果是苹果自带程序都是以.apple.XXX
XX命名,非官方程序为.xxxx.XXXX,如facebook的id为.facebook.Facebook.(2)系统框架:主要是存放TelephonyUI.framework和UIKit.framework这两个iOS框架里的资源,命名分别为.apple.Telephony和.apple.UIKit。《说明》:对于UIKit资源一般不放在Bundles,而是独立放在最外层目录也就是下几文将讲述的UIImages文件夹,
Bundles目录结构实际效果截图如下:
Bundles目录结构实际效果截图如下:
要获取某个应用程序的id方法:取Cydia为例。(1) 打开/Applications/Cydia.app;(2) 打开Info.plist;(3) 到key为CFBundleIdentifier对应的值.saurik.Cydia,即为Cydia的程序id。
(最后在Bundles里创建.saurik.Cydia的文件夹,里面存放Cydia.app的图片就可以修改Cydia程序显示的样式了)
Bundle目录常用的自带桌面程序图标名称
如果桌面图标采用了以下命名形式,Icons目录就不需要用了,用以下这种形式,可以兼容所有的语言环境,不用一种语言命名一种图标,进而加大主题包的空间。.apple.AppStore App Store.apple.calculator 计算机.apple.camera 照相机(兼容4.2.1固件).apple.pass 指南针.apple.Maps 地图.apple.MobileAddressBook 通讯录.bilecal 日历.bileipod 音乐(详情请查看下面第三小节“修改程序的桌面图标”).bilemail 地图.bilenotes 备忘录.bilephone .bilesafari Safari.bileslideshow 照相机和照片.apple.MobileSMS 短信.apple.MobileStore iTunes.biletimer 时钟.apple.Preferences 设置.apple.stocks 股市.apple.VoiceMemos 语音备忘录.apple.weather 天气.utube youtube.apple.gamecenter Game Center.saurik.Cydia Cydia 2、修改程序启动大图(1)1、在Bundles的目录下创建.91.sj.iphone.PandaHome文件夹; 2、然后将图片放入.91.sj.iphone.PandaHome,命名为Defualt.png启动大图命名规则和分辨率大小:(2)Touch4和iPhone4,4S:
如果桌面图标采用了以下命名形式,Icons目录就不需要用了,用以下这种形式,可以兼容所有的语言环境,不用一种语言命名一种图标,进而加大主题包的空间。.apple.AppStore App Store.apple.calculator 计算机.apple.camera 照相机(兼容4.2.1固件).apple.pass 指南针.apple.Maps 地图.apple.MobileAddressBook 通讯录.bilecal 日历.bileipod 音乐(详情请查看下面第三小节“修改程序的桌面图标”).bilemail 地图.bilenotes 备忘录.bilephone .bilesafari Safari.bileslideshow 照相机和照片.apple.MobileSMS 短信.apple.MobileStore iTunes.biletimer 时钟.apple.Preferences 设置.apple.stocks 股市.apple.VoiceMemos 语音备忘录.apple.weather 天气.utube youtube.apple.gamecenter Game Center.saurik.Cydia Cydia 2、修改程序启动大图(1)1、在Bundles的目录下创建.91.sj.iphone.PandaHome文件夹; 2、然后将图片放入.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:118 x 120 icon.png 59x60如果不存在,则会使用icon.png1、.bileslideshow(主要是存放相机和照片图标)2、 对于iPhone和Touch(touch4也才有相机图标)
相机 icon-Camera.png
横屏方向默认大图: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.png1、.bileslideshow(主要是存放相机和照片图标)2、 对于iPhone和Touch(touch4也才有相机图标)
相机 icon-Camera.png
照片 icon-Photos.png
如果此处只有icon.png必然导致相机和照片程序图标都是同一个。3、.apple.camera(主要是存放照相机图标,)
星座时尚照相机:icon.png注:如果是touch4和iPhone4图标还需要加上2x后缀。Icon的命名方式全部采用小写。如icon.png,。
4、修改系统桌面程序界面(.apple.springboard)可以修改电池背景、卸载程序按钮背景和程序气泡数字标记背景等等。
包含20个文件,如图
如果此处只有icon.png必然导致相机和照片程序图标都是同一个。3、.apple.camera(主要是存放照相机图标,)
星座时尚照相机:icon.png注:如果是touch4和iPhone4图标还需要加上2x后缀。Icon的命名方式全部采用小写。如icon.png,。
4、修改系统桌面程序界面(.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、修改滑块、接听面板(.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这为键盘按下显示的状态。如图:
(1)、数字键盘:这一块的尺寸为640×546
数字键盘部分一共需要2图,其中dialerkeypad.png这是正常显示状态,dialerkeypad_pressed.png这为键盘按下显示的状态。如图:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论