iPhone6和iPhone6Plus的适配

1.各机型分辨率、尺寸、ppi、长宽比例的比较

机型分辨率尺寸ppi长宽比
iPhone3GS320*4803.5 inch1651.5
iPhone4/iPhone4s640*9603.5 inch3301.5
iPhone5/iPhone5s640*11364.0 inch3261.775
iPhone6750*13344.7 inch3261.779
iPhone6Plus1080*19205.5 inch4011.778

2.什么是ppi?ppi如何计算?

  1. ppi英文全称:pixels pre inch
    它是描述在水平的和垂直的方向上,每英寸距离的图像包含的像素数目,也叫像素密度。ppi数值越高,显示的密度越高,拟真度就越高,画面的细节就越丰富。乔布斯所说的视网膜屏幕就是指ppi超过300,达到人肉眼无法辨别程度的屏幕。

  2. ppi如何计算?
    ppi = 像素个数/英寸
    以iPhone4为例。iPhone4宽640个像素,高960个像素,由勾股定理可得对角线上有约1154个像素。iPhone4尺寸为3.5英寸,指的是对角线长度为3.5英寸。所以iPhone4的 ppi = 1154 / 3.5 = 330,即iPhone4的ppi约为330。
    同理,可计算得iPhone5的ppi为326、iPhone6的ppi为326、iPhone6Plus的ppi为401

3.iPhone6Plus的分辨率问题参见

详解iPhone6Plus的奇葩分辨率

4.桌面图标、启动图片、Tab bar图片、Tool bar图片、Setting Icons图片的适配参见:

iPhone6 & 6 Plus 视觉设计适配说明

启动图片的规范:

机型分辨率命名why
iPhone4/iPhone4s640*960Default@2x.png
iPhone5/iPhone5s640*1136Default-568@2x.pngiPhone5高度1136/2=568
iPhone6750*1334Default-667@2x.pngiPhone6高度1334/2=667
iPhone6Plus1242*2208Default-736@3x.pngiPhone6Plus高度2208/3=736

注意:iPhone6Plus的启动图片的尺寸为1242*2208,而不是1080*1920

5.其他UI界面的适配

以下内容摘自: iPhone屏幕尺寸、分辨率及适配

考虑到iPhone机型的多样性,不可能针对iPhone4(s)、5(s)、6、6+四种屏幕尺寸出四套视觉交互稿,也不要基于某一机型从上往下、从左往右给绝对标注,而应该关注subView在superView中的相对位置(EdgeInsets/Frame/Center)以及siblingView之间的偏移(Offset),尽量给出适合Autolayout的相对布局比例(理想情况是只给百分比)。假如交互按照iPhone5(s)下绝对标注,则在iPhone4(s)上可能挤出屏幕底部,而在iPhone6(+)上则可能横向偏左或纵向偏上。
开发人员基于与屏幕边缘的间距(Margin/EdgeInsets),定位边缘处的控件(钉钉子)作为参照,然后基于控件尺寸和间隙进行相对计算排版。这样,若钉子移动,相邻控件将顺向偏移,不会因为局部调整而出现凌乱。

6.过期API的适配

除了对屏幕尺寸和分辨率进行适配之外,还需对iOS SDK中相关的已过期的 API进行适配。典型的如:
1. UITextAlignment->NSTextAlignment
2. sizeWithFont:->boundingRectWithSize:
3. stretchableImageWithLeftCapWidth:topCapHeight:->resizableImageWithCapInsets:
4. …….

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值