App中的UI元素

设备的尺寸

iPhone设备尺寸：

设备

分辨率


点坐标

尺寸

状态栏高度

导航栏高度

标签栏高度

iPhone6sPlus & iPhone 6 Plus

1080×1920 px

540x960

5.5

40 px

88px

98 px

iPhone 6s & 6

750x1334 px

375x667

4.7

40 px

88 px

98 px

iPhone 5 & 5s& 5c

640x1136 px

320x568

4.0

40px

88 px

98 px

iPhone 4 & 4s

640x960 px

320x480

3.5

40 px

88 px

98 px

iPhone & 3G & 3GS & iPod Touch

320x480 px

320x480

3.5

20 px

44px

49 px

关于分辨率与点坐标：

分辨率是指屏幕上的像素阵列

点坐标是在开发过程中使用的坐标

自iPhone4开始，苹果设备的屏幕采用retina视网膜屏，原来的一个像素点可以显示4个像素

即：分辨率的宽高分别为点坐标宽高的2倍


iPad设备尺寸：

设备

分辨率


点坐标

尺寸

状态栏高度

导航栏高度

标签栏高度

iPad Pro

2732x2048 px

1366x1024

12.9

40 px

88 px

98 px

iPad 3 & 4 & 5 & 6 & Air & Air2

2048x1536 px

1024x768

9.7

40 px

88 px

98 px

iPad & 2

1024x768 px

1024x768

9.7

20px

44 px

49 px

iPad Mini 2 & 3 & 4

2048x1536 px

1024x768

7.9

40 px

88 px

98 px

iPad Mini

1024x768 px

1024x768

7.9

20 px

44 px

49 px

iPad2及之前、iPad Mini不是retina屏幕

所有设备的状态高度均为20，导航栏高度均为44，标签栏高度均为49 （点坐标）

自iOS7.0开始，苹果开始采用扁平化的风格，在有导航栏的情况下，状态栏的背景由导航栏管理

即：导航栏的背景高度应为64


App图标的使用

哪些地方用到App的图标？

Home Screen

Applist in iTunes

Spotlight

Settings

不同的设备如何显示同一个图标？

iOS开发中，通过图标文件的名字，区分这个图标应当显示那个设备上，如：

icon.png 用在非retina屏幕的设备上

icon@2x.png 用在retina屏幕的设备上

icon@3x.png 用在iPhone 6/6s Plus上

这一规则同样适用于任何在iOS开发中使用的图片资源


如何设置App的图标？

创建项目后，会包含一个 .xcassets文件，该文件用于管理图标资源

默认情况下，该文件会有一个名字为AppIcon的Image Set

选择之后，可以将所有的App图标文件拖到其中，会自动进行适配

适配的原理是，App图标有统一的命名规范。


附iPhoneOnly应用的图标说明：

附iPadOnly应用的图标说明：

附Universal应用的图标说明：