IOS屏幕的适配

Posted JeffreyW

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IOS屏幕的适配相关的知识,希望对你有一定的参考价值。

1.屏幕尺寸和分辨率

型号尺寸逻辑分辨率物理分辨率高宽比
iPhone4(s)3.5英寸320*480640*9601.5
iPhone5(c/s)4英寸320*568640*11361.775
iPhone64.7英寸375*667750*13341.779
iPhone6+5.5英寸414*7361080*1920(1242*2208转)1.778

  (1)屏幕尺寸和分辨率

  有兴趣的话可以研究具体的屏幕尺寸的高宽等,这里不细说,主要只需要知道平时说的多少寸的手机指的是手机对角线的长度即可.
  物理分辨率:即手机能显示的像素点,拿iphone4举例,物理分辨率640*960指的是屏幕能布满每行640个共960个像素点.
  逻辑分辨率:个人觉得即我们在设计软件的时候能操作在模拟器或者代码的像素点,还是以iphone4为例子,逻辑分辨率为320*480,我们设置一个320*480的view,就能刚好铺满屏幕,而不是设置为640*960,相当于一个1*1的view能表示我们肉眼能看到的2*2即4个像素点的视图,同理可算出iphone6+的1*1的view,则能表示我们肉眼能看到的2.46个像素点.所以4到6和6+我们需要不同像素的图片,一种是2@,一种是2.46@,显然,2.46对开发者来说,切图不方便,苹果内部将渲染的时候做了一些处理,开发者只需要提供3@的图片即可,对应的物理分辨率其实应该是1242*2208,最后转换成了我们显示的1080*1920.
  对我们开发者前期来说,不同的屏幕只需要知道逻辑分辨率即可,或者就当逻辑分辨率为屏幕尺寸即可.在设置约束或者frame的时候,如果需要适配到4(s),整体的宽度一定不能大于320,否则在4(s)下会超出屏幕,同理高度也一样,不能超过480,个人建议尽量使用间距来定下来视图的宽高,这样,宽高就会是可变的,不变的只是间距,而间距一般是不会设置成那么大的.5到6的高宽比基本一致,可考虑纯用一些比例的方式来适配.

  (2)SizeClass的应用(待续)

以上是关于IOS屏幕的适配的主要内容,如果未能解决你的问题,请参考以下文章

移动适配移动Web怎么做屏幕适配

Android 屏幕适配屏幕适配基础概念 ① ( Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI )

iOS屏幕适配(尺寸适配)

iOS6与iOS7屏幕适配技巧

iOS 屏幕适配

iOS 屏幕适配