图标是IOS程序包所必需的组成部分。如果你没有提供程序所需的各种尺寸的图标,程序上传发布时可能会无法通过验证。IOS程序为兼顾不同的应用场景,定义了多个不同规格的图标,并以不同的命名区分:
IOS图标尺寸一览
iPhone专用程序:
图标名称 | 大小 | 圆角 | 用途 | 必需 |
Icon.png | 57 X 57 | 10px | 用于程序商店和在iPhone/iPod Touch中显示 | 必需 |
Icon@2x.png | 114 X 114 | 20px | Icon.png的高清模式 | |
Icon-Small.png | 29 X 29 | 20px | 用于设置和Spotlight搜索 | |
Icon-Small@2x.png | 58 X 58 | 8px | Icon-Small.png的高清模式 |
ipad专用程序:
图标名称 | 大小 | 圆角 | 用途 | 必需 |
Icon-72.png | 72 X 72 | 20px | 用于在iPad桌面中显示 | 必需 |
Icon-50.png | 50 X 50 | ? | 用于iPad中的Spotlight搜索 | |
Icon-29.png | 29 X 29 | 10px | 设置页面 |
通用程序:
图标名称 | 大小 | 圆角 | 用途 | 必需 |
Icon-72.png | 72 X 72 | 20px | 用于在iPad桌面中显示 | 必需 |
Icon.png | 57 X 57 | 10px | 用于程序商店和在iPhone/iPod Touch中显示 | 必需 |
Icon-50.png | 50 X 50 | 10px | 用于iPad中的Spotlight搜索 | |
Icon-29.png | 29 X 29 | 20px | 用于设置和Spotlight搜索 |
取消图标上的高光
系统会默认会在图标上自动加上半透明的高光半圆,如果我们不想要这个效果或者图标本身已经包含了这个高光效果,我们可以在项目配置里把系统的高光功能取消掉:
xcode3.2x建的项目:
在info plist里加一个配置项,key为“Icon already includes gloss and bevel effects”, 类型为bool,然后打上钩就,这样系统就不会自动加高光;
xcode4建的项目:
在项目target的summary标签页下找到App Icons项,在“Prerendered”打上钩
此时在info.plist里会多出一个配置项"Icon already includes gloss effects":
再找到“Icon files (iOS 5)”项目(如果有的话),展开,把里面的“Icon already includes gloss effects”也设置成“YES”:
这样程序中的高光效果就取消了。
itunes connect上的图标
我们在itunes connect网站上创建应用时也要求上传图标,上传后 itunes connect也会给图标加上高光效果。这不用担心,如果我们的程序已经取消了高光效果,在程序上传后,网站上图标的高光效果也会自动取消掉的。
直接拖放到程序目录下面就可以了。
Default.png iPhone默认启动图片, 320x480或者320x460
Default@2x.png iPhone4启动图片 640x960或者640x920
为iPad和iPhone程序增加启动画面非常简单,基本思路就是增加启动图片资源Default.png即可,只是要根据不同的分辨率和旋转方向需要有不同的图片尺寸。
目前的iOS设备有三种不同的分辨率:
1 |
iPad 768x1024 |
2 |
iPhone4 640x960 |
3 |
iPhone 320x480 |
如果一个程序,既要支持iPad又要支持iPhone,那么它需要包含下面几个图片:
1 |
Default-Portrait.png iPad专用竖向启动画面 768x1024或者768x1004 |
2 |
Default-Landscape.png iPad专用横向启动画面 1024x768或者1024x748 |
3 |
|
4 |
Default-LandscapeLeft.png iPad专用横向启动画面(可省略), 1024x768或者1024x748 |
5 |
Default-LandscapeRight.png iPad专用横向启动画面(可省略), 1024x768或者1024x748 |
6 |
|
7 |
Default@2x.png iPhone4启动图片640x960或者640x920 |
为了在iPad上使用上述的启动画面,你还需要在xxxx_info.plist中加入key(根据下拉菜单中的可选项选择):
1 |
UISupportedInterfaceOrientations |
2 |
或 Supported interface orientations |
同时,为其加入值(根据下拉菜单中的可选项选择):
1 |
UIInterfaceOrientationPortrait 或 Portrait (bottom home button) |
2 |
UIInterfacOrientationPortraitUpsideDown 或 Portrait (top home button) |
3 |
UIInterfaceOrientationLandscapeLeft 或 Landscape (left home button) |
4 |
UIInterfaceOrientationLandscapeRight 或 Landscape (right home button) |
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。