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

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

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

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

如何设置App的图标？

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

   

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

   

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

   

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

附iPhone Only应用的图标说明：

    

附iPad Only应用的图标说明：

   

附Universal应用的图标说明：

   

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页名称：UIKit框架（1）iOSApp开发介绍-创新互联
浏览路径：http://pwwzsj.com/article/dihgsh.html