下表列出了每个移动设备平台使用的图标尺寸:
图标尺寸
|
平台
|
29x29
|
iOS
|
36x36
|
Android
|
40x40
|
iOS
|
48x48
|
Android, iOS
|
50x50
|
iOS
|
57x57
|
iOS
|
58x58
|
iOS
|
60x60
|
iOS
|
72x72
|
Android, iOS
|
75x75
|
iOS
|
76x76
|
iOS
|
80x80
|
iOS
|
87x87
|
iOS
|
96x96
|
Android
|
100x100
|
iOS
|
114x114
|
iOS
|
120 x 120
|
iOS
|
144x144
|
Android, iOS
|
152x152
|
iOS
|
167 x 167
|
iOS
|
180x180
|
iOS
|
192x192
|
Android
|
512x512
|
Android, iOS
|
1024 x 1024
|
iOS
|
指定应用程序描述符文件的图标元素中图标文件的路径:
<icon>
<image36x36>assets/icon36.png</image36x36>
<image48x48>assets/icon48.png</image48x48>
<image72x72>assets/icon72.png</image72x72>
</icon>
如果未提供指定尺寸的图标,则使用第二大尺寸并缩放至适合的大小。
Android 上的图标
在 Android 上,应用程序描述符中指定的图标会用作应用程序 Launcher 图标。应用程序 Launcher 图标应作为一组 36x36、48x48、72x72、96x96、144x144 和 192x192 像素的 PNG 图像来提供。这些图标尺寸分别用于低密度、中等密度和高密度屏幕。
开发人员在向 Google Play Store 提交应用程序时,需要提交 512x512 像素的图标。
iOS 上的图标
在应用程序描述符中定义的图标用于 iOS 应用程序的以下位置:
-
29x29 像素图标 — 较低分辨率 iPhone/iPod 的 Spotlight 搜索图标和较低分辨率 iPad 的设置图标。
-
40x40 像素图标 — 较低分辨率 iPad 的 Spotlight 搜索图标。
-
48x48 像素图标 — AIR 给该图像添加一个边框,且在较低分辨率 iPad 上将其用作一个 50x50 的 Spotlight 搜索图标。
-
50x50 像素图标 — 较低分辨率 iPad 的 Spotlight 搜索图标。
-
57x57 像素图标 — 较低分辨率 iPhone/iPod 的应用程序图标。
-
58x58 像素图标 — Retina 显示屏 iPhone/iPod 的 Spotlight 图标和 Retina 显示屏 iPad 的设置图标。
-
60x60 像素图标 — 较低分辨率 iPhone/iPod 的应用程序图标。
-
72x72 像素图标(可选)— 较低分辨率 iPad 的应用程序图标。
-
76x76 像素图标(可选)— 较低分辨率 iPad 的应用程序图标。
-
80x80 像素图标 — 高分辨率 iPhone/iPod/iPad 的 Spotlight 搜索图标。
-
100x100 像素图标 — Retina 显示屏 iPad 的 Spotlight 搜索图标。
-
114x114 像素图标 — Retina 显示屏 iPhone/iPod 的应用程序图标。
-
120x120 像素图标 — 高分辨率 iPhone/iPod 的应用程序图标。
-
152x152 像素图标 — 高分辨率 iPad 的应用程序图标。
-
167x167 像素图标 — 高分辨率 iPad Pro 的应用程序图标。
-
512x512 像素图标 — 较低分辨率 iPhone/iPod/iPad 的应用程序图标。iTunes 显示此图标。当您将最终应用程序提交给 Apple 应用程序库时,512 像素 PNG 文件仅用于测试应用程序的开发版本,须单独以 JPG 文件格式提交 512 图像。它不包含在 IPA 中。
-
1024x1024 像素图标 — Retina 显示屏 iPhone/iPod/iPad 的应用程序图标。
iOS 为图标添加了眩光效果。您无需对源图像应用这种效果。要删除此默认眩光效果,请将以下内容添加到应用程序描述符文件中的
InfoAdditions
元素:
<InfoAdditions>
<![CDATA[
<key>UIPrerenderedIcon</key>
<true/>
]]>
</InfoAdditions>
注:
在 iOS 上,将应用程序元数据作为 png 元数据插入到应用程序图标中,以便 Adobe 可以跟踪 Apple iOS App Store 中可用的 AIR 应用程序的数量。如果不希望应用程序因此图标元数据而被标识为 AIR 应用程序,您必须对 IPA 文件进行解包,删除图标元数据,并对其重新打包。文章“
忽略 iOS 系统上的 AIR 应用程序分析
”叙述了这一过程。
iOS 启动图像
除应用程序图标外,还必须至少提供一个名为
Default.png
的启动图像。或者,您也可以为不同的启动方向、不同的分辨率(包括高分辨率 Retina 显示屏和 16:9 高宽比)以及不同的设备单独加入启动图像。您还可以添加不同的启动图像,以便在通过 URL 调用您的应用程序时使用。
应用程序描述符中未引用启动图像文件,这些文件必须放置在应用程序的根目录中。(请
勿
将该文件放在子目录中。)
文件命名方案
根据以下方案对图像命名:
basename + screen size modifier + urischeme + orientation + scale + device + .png
唯一所需的是文件名的
basename
部分。该部分可以是
Default
(字母 D 大写),也可以是使用应用程序描述符的
InfoAdditions
元素中的
UILaunchImageFile
关键字指定的名称。
如果屏幕大小不是其中一种标准屏幕大小,
screen size modifier
部分指定了屏幕大小。该修饰符只适用于搭载高宽比为 16:9 显示屏的 iPhone 和 iPod touch 产品,例如 iPhone 5 和 iPod touch(第五代)。该修饰符唯一支持的值为
-568h
。由于这些设备支持高分辨率 (Retina) 显示屏,因而 screen size modifier 总是与支持
@2x
缩放修饰符的图像一同使用。这些设备默认的完整启动图像名称为
Default-568h@2x.png
。
urischeme
部分是用于标识 URI 方案的字符串。仅当您的应用程序支持一个或多个自定义 URL 方案时,该部分才适用。例如,如果可以通过链接(如
example://foo
)调用您的应用程序,请使用
-example
作为启动图像文件名的方案部分。
根据应用程序启动时设备的方向,
orientation
部分提供了指定多个启动图像的方法。该部分仅适用于 iPad 应用程序的图像。该部分可以为下列任意值之一,这些值用于表示应用程序启动时设备所处的方向。
-
-Portrait
-
-PortraitUpsideDown
-
-Landscape
-
-LandscapeLeft
-
-LandscapeRight
对用于高分辨率 (Retina) 显示屏的启动图像,
scale
部分为
@2x
(对于 iPhone4、iPhone5 和 iPhone6)或
@3x
(对于 iPhone6 plus)。(对于用于标准分辨率显示屏的图像,请忽略整个 scale 部分。)对于更高设备的启动图像,例如 iPhone 5 和 iPod touch(第五代),您必须在 basename 部分之后和任何其他部分之前将 screen size modifier 指定为
-528h
。
device
部分用于指定手持设备和电话的启动图像。如果您的应用程序是通用应用程序,并且可支持包含单一应用程序二进制代码的手持设备和平板电脑,则使用该部分。可能值必须是
~ipad
或
~iphone
(对于 iPhone 和 iPod touch 均适用)。
对于 iPhone,只能添加纵向高宽比图像。但对于 iPhone6 plus,还可以添加横向图像。对于标准分辨率设备,请使用 320x480 像素的图像,对于高分辨率设备,请使用 640x960 像素的图像,对于高宽比为 16:9 的设备,例如 iPhone 5 和 iPod touch(第五代),请使用 640x1136 像素的图像。
对于 iPad,可以添加图像,如下所示:
-
AIR 3.3 以及更早版本 — 非全屏图像:横向高宽比图像(正常分辨率为 1024x748;高分辨率为 2048x1496),也可以添加纵向高宽比图像(正常分辨率为 768x1004;高分辨率为 1536x2008)。
-
AIR 3.4 以及更高版本 — 全屏图像:横向高宽比图像(正常分辨率为 1024x768;高分辨率为 2048x1536),也可以添加纵向高宽比图像(正常分辨率为 768x1024;高分辨率为 1536x2048)。注意,当为非全屏应用程序打包全屏图像时,状态栏会将顶部的 20 个像素(高分辨率时为顶部的 40 个像素)覆盖。避免在此区域内显示重要信息。
示例
下表列出了可以为一个假想的应用程序添加的启动图像集示例,该应用程序支持最广泛的设备和方向,可通过 URL 使用
example://
模式启动:
文件名
|
图像大小
|
用法
|
Default.png
|
320 x 480
|
iPhone,标准分辨率
|
Default@2x.png
|
640 x 960
|
iPhone,高分辨率
|
Default-568h@2x.png
|
640 x 1136
|
iPhone, 高分辨率, 16:9 高宽比
|
Default-Portrait.png
|
768 x 1004(AIR 3.3 以及更低版本)
768 x 1024(AIR 3.4 以及更高版本)
|
iPad,纵向
|
Default-Portrait@2x.png
|
1536 x 2008(AIR 3.3 以及更低版本)
1536 x 2048(AIR 3.4 以及更高版本)
|
iPad,高分辨率,纵向
|
Default-PortraitUpsideDown.png
|
768 x 1004(AIR 3.3 以及更低版本)768 x 1024(AIR 3.4 以及更高版本)
|
iPad,倒置纵向
|
Default-PortraitUpsideDown@2x.png
|
1536 x 2008(AIR 3.3 以及更低版本)1536 x 2048(AIR 3.4 以及更高版本)
|
iPad,高分辨率,倒置纵向
|
Default-Landscape.png
|
1024 x 768
|
iPad,左横向
|
Default-LandscapeLeft@2x.png
|
2048 x 1536
|
iPad,高分辨率,左横向
|
Default-LandscapeRight.png
|
1024 x 768
|
iPad,右横向
|
Default-LandscapeRight@2x.png
|
2048 x 1536
|
iPad,高分辨率,右横向
|
Default-example.png
|
320 x 480
|
标准 iPhone 上的 example://URL
|
Default-example@2x.png
|
640 x 960
|
高分辨率 iPhone 上的 example:// URL
|
Default-example~ipad.png
|
768 x 1004
|
纵向 iPad 上的 example:// URL
|
Default-example-Landscape.png
|
1024 x 768
|
横向 iPad 上的 example:// URL
|
本示例仅说明了一种方法。例如,可以为 iPad 使用
Default.png
图像,使用
Default~iphone.png
和
Default@2x~iphone.png
为 iPhone 和 iPod 指定特定启动图像。
另请参见
iOS 应用程序编程指南:应用程序启动图像
iOS 设备的打包启动图像
设备
|
分辨率(像素)
|
启动图像名称
|
方向
|
iPhone
|
iPhone4(非 Retina)
|
640 x 960
|
Default~iphone.png
|
纵向
|
iPhone 4, 4s
|
640 x 960
|
Default@2x~iphone.png
|
纵向
|
iPhone 5, 5c, 5s
|
640 x 1136
|
Default-568h@2x~iphone.png
|
纵向
|
iPhone6, iPhone7
|
750 x 1334
|
Default-375w-667h@2x~iphone.png
|
纵向
|
iPhone6+, iPhone7+
|
1242 x 2208
|
Default-414w-736h@3x~iphone.png
|
纵向
|
iPhone6+, iPhone7+
|
2208 x 1242
|
Default-Landscape-414w-736h@3x~iphone.png
|
横向
|
iPad
|
iPad 1, 2
|
768 x 1024
|
Default-Portrait~ipad.png
|
纵向
|
iPad 1, 2
|
768 x 1024
|
Default-PortraitUpsideDown~ipad.png
|
倒置纵向
|
iPad 1, 2
|
1024 x 768
|
Default-Landscape~ipad.png
|
左横向
|
iPad 1, 2
|
1024 x 768
|
Default-LandscapeRight~ipad.png
|
右横向
|
iPad 3, Air
|
1536 x 2048
|
Default-Portrait@2x~ipad.png
|
纵向
|
iPad 3, Air
|
1536 x 2048
|
Default-PortraitUpsideDown@2x~ipad.png
|
倒置纵向
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeLeft@2x~ipad.png
|
左横向
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeRight@2x~ipad.png
|
右横向
|
iPad Pro
|
2048 x 2732
|
Default-Portrait@2x.png
|
纵向
|
iPad Pro
|
2732 x 2048
|
Default-Landscape@2x.png
|
横向
|
图片指南
您可以为启动图像创建任何图片,只要尺寸正确即可。但是,通常最好将图像与应用程序的初始状态相匹配。您可以捕获应用程序启动屏幕的屏幕快照,从而创建启动图像:
-
在 iOS 设备上打开应用程序。用户界面的第一个屏幕出现后,按住“主屏幕”按钮(位于屏幕下方)。在按住“主屏幕”按钮的同时,按下“睡眠/唤醒”按钮(位于设备顶部)。这会捕获一张屏幕快照并将其发送到摄像头卷。
-
通过从 iPhoto 或其他照片传输应用程序传输照片将此图像传输到您的开发计算机。
如果您的应用程序已本地化为多种语言,请勿在启动图像中添加文本。启动图像是静态的,文本可能与其他语言不匹配。
另请参见
iOS 人机界面指南:启动图像
。
|
|
|