UIKit框架iOS App开发介绍

Posted 2020-06-17

• App中的UI元素

     

     

• 设备的尺寸

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屏幕的设备上

          [email protected]      用在retina屏幕的设备上

          [email protected]      用在iPhone 6/6s Plus上

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

如何设置App的图标？

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

     

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

     

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

     

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

附iPhone Only应用的图标说明：     

    

附iPad Only应用的图标说明：

     

附Universal应用的图标说明：

     

本文出自 “teacherAn” 博客，请务必保留此出处http://annmeng.blog.51cto.com/3321237/1745758