美文网首页iOS Dev
iPhone不同设备屏幕尺寸和分辨率

iPhone不同设备屏幕尺寸和分辨率

作者: SimpleBK | 来源:发表于2017-07-26 17:12 被阅读1829次

    下面粗略总结一下iPhone 不同设备的尺寸和各种分辨率的不同和区别,有不当之处还请指正.

    iPhone设备的屏幕尺寸有多种,屏幕的分辨率也有多种,如下表

    设备 屏幕尺寸(英寸) 屏幕分辨率 说明
    iPhone4/4s 3.5 640 x 960 Retain显示屏,326ppi
    iPhone5/5s/5c/SE 4.0 640 x 1136 Retain显示屏,326.ppi
    iPhone6/6s/7 4.7 750 x 1334 Retain HD显示屏,326.ppi
    iPhone6P/6sP/7P 5.5 1080 x 1920 Retain HD显示屏, 401ppi
    • 其中 ppi (pixel per inch) 是像素密度单位, 即像素/英寸.
      例如: 401ppi 表示每英寸屏幕上有401个像素.
    • ppi的计算
      例如: 以 iPhone 6Plus 为例
      屏幕分辨率 1920 x 1080,
      屏幕尺寸 5.5 英寸(手机屏幕对角物理线的长度)
      屏幕所有像素数量: √(1920² + 1080²) ≈ 2202.9 (像素)
      单位英寸像素数量: 2202.9 ÷ 5.5 ≈ 405.27 (像素/英寸) ≈ 401 ppi
    • iOS提供了三种分辨率,分别是:
      1. 设计分辨率:
      逻辑上的屏幕大小,单位是点。
      我们在Interface Builder设计器中的单位和程序代码中的单位都是设计分辨率中的“点”。
      2. 资源分辨率:
      资源图片的大小,单位是像素。
      3. 是以像素为单位的屏幕大小。所有的应用都会渲染到这个屏幕上展示给用户。
    iOS提供了一种考虑分辨率的简单方式
    • 例如,在iPhone5和iPhone6之前,iPhone的屏幕大小为320x480点(请注意:这里的单位是“点”而不是像素)。在此之前,iPhone的屏幕分辨率是320x480像素;自从iPhone4采用了Retina屏幕,iOS设备的实际分辨率就变成了上述分辨率与缩放因子的乘积。这意味着虽然在小设备上对元素进行定位时使用的是数字320x480,但实际的像素个数可能更多。
    • 例如,iPhone 4(s)、5(s) 、6(s)和7的缩放因子为2,那么iPhone 4s的实际分辨率为(320x2)x(480x2)=640x960像素。iPhone 5的屏幕更大,为320x568点,即640x1136像素。不同设备的三种分辨率如下表所示:
    不同设备的三种分辨率区别表格
    设备 屏幕尺寸(英寸) 设计分辨率(点) 屏幕分辨率(像素) 资源分辨率(像素) 说明
    iPhone4/4s 3.5 320 x 480 640 x 960 640 x 960 1点 = 2倍像素,326ppi
    iPhone5/5s/5c/SE 4.0 320 x 568 640 x 1136 640 x 1136 1点 = 2倍像素,326ppi
    iPhone6/6s/7 4.7 373 x 667 750 x 1334 750 x 1334 1点 = 2倍像素,326ppi
    iPhone6P/6sP/7P 5.5 414 x 736 1080 x 1920 1242 x 2208 1点 = 3倍像素, 资源缩小1.15倍,渲染到屏幕上,401ppi
    • 而至于iPhone 6(s) plus 和 iPhone 7 Plus 更加与众不同,其缩放因子为3,这意味着屏幕上点每个点都表示9个像素。以点为单位时,含有 414x736 点;在缩放因子为3的情况下,这相当于 1242x2208 像素。但是实际上并不是这样,从上表可以看出是1080x1920,而“内部”分辨率为1242x2208。实际上,内部分辨率应该更高,但iOS设备会自动缩放内容,以适应1080x1920的分辨率。
    • iPhone 6(s) Plus 和 iPhone 7 Plus 是最为特殊的设备,资源分辨率与屏幕分辨率的比例是1.15 : 1, 而其他的设备比例是 1 : 1。不同的人群关注的分辨率也是不同的,UI设计人员主要关注的是资源分辨率,开发人员主要关注的是设计分辨率,而一般用户主要关注的屏幕分辨率。

    当我们创建应用程序的时候,iOS系统将考虑缩放因子,以最大可能的分辨率显示应用程序及界面,而我们几乎无需为此做任何工作。

    相关文章

      网友评论

        本文标题:iPhone不同设备屏幕尺寸和分辨率

        本文链接:https://www.haomeiwen.com/subject/fbjokxtx.html