温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-07-23 01:27:06 来源:网络 阅读:1210 作者:ymanmeng123 栏目:移动开发
  • App中的UI元素

     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开发介绍



向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI