重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

UIKit框架(1)iOSApp开发介绍

     UIKit框架(1)iOS App开发介绍

     

  • 设备的尺寸

iPhone设备尺寸:

设备

分辨率

点坐标

尺寸

状态栏高度

导航栏高度

标签栏高度

iPhone 6s Plus & iPhone 6 Plus

1080×1920 px

540x960

5.5

40 px

88 px

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

40 px

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

44 px

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

20 px

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  

     App list in iTunes

     Spotlight

     Settings

     

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

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

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

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

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

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

如何设置App的图标?

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

     UIKit框架(1)iOS App开发介绍

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

     UIKit框架(1)iOS App开发介绍

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

     UIKit框架(1)iOS App开发介绍

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

附iPhone Only应用的图标说明:     

    UIKit框架(1)iOS App开发介绍

附iPad Only应用的图标说明:

     UIKit框架(1)iOS App开发介绍

附Universal应用的图标说明:

     UIKit框架(1)iOS App开发介绍


网站名称:UIKit框架(1)iOSApp开发介绍
文章出自:http://cqcxhl.com/article/jsocjo.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP