iPhone不同設(shè)備屏幕尺寸和分辨率

下面粗略總結(jié)一下iPhone 不同設(shè)備的尺寸和各種分辨率的不同和區(qū)別,有不當(dāng)之處還請指正.

iPhone設(shè)備的屏幕尺寸有多種,屏幕的分辨率也有多種,如下表

設(shè)備 屏幕尺寸(英寸) 屏幕分辨率 說明
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個(gè)像素.
  • ppi的計(jì)算
    例如: 以 iPhone 6Plus 為例
    屏幕分辨率 1920 x 1080,
    屏幕尺寸 5.5 英寸(手機(jī)屏幕對角物理線的長度)
    屏幕所有像素?cái)?shù)量: √(19202 + 10802) ≈ 2202.9 (像素)
    單位英寸像素?cái)?shù)量: 2202.9 ÷ 5.5 ≈ 405.27 (像素/英寸) ≈ 401 ppi
  • iOS提供了三種分辨率,分別是:
    1. 設(shè)計(jì)分辨率:
    邏輯上的屏幕大小,單位是點(diǎn)。
    我們在Interface Builder設(shè)計(jì)器中的單位和程序代碼中的單位都是設(shè)計(jì)分辨率中的“點(diǎn)”。
    2. 資源分辨率:
    資源圖片的大小,單位是像素。
    3. 是以像素為單位的屏幕大小。所有的應(yīng)用都會(huì)渲染到這個(gè)屏幕上展示給用戶。
iOS提供了一種考慮分辨率的簡單方式
  • 例如,在iPhone5和iPhone6之前,iPhone的屏幕大小為320x480點(diǎn)(請注意:這里的單位是“點(diǎn)”而不是像素)。在此之前,iPhone的屏幕分辨率是320x480像素;自從iPhone4采用了Retina屏幕,iOS設(shè)備的實(shí)際分辨率就變成了上述分辨率與縮放因子的乘積。這意味著雖然在小設(shè)備上對元素進(jìn)行定位時(shí)使用的是數(shù)字320x480,但實(shí)際的像素個(gè)數(shù)可能更多。
  • 例如,iPhone 4(s)、5(s) 、6(s)和7的縮放因子為2,那么iPhone 4s的實(shí)際分辨率為(320x2)x(480x2)=640x960像素。iPhone 5的屏幕更大,為320x568點(diǎn),即640x1136像素。不同設(shè)備的三種分辨率如下表所示:
不同設(shè)備的三種分辨率區(qū)別表格
設(shè)備 屏幕尺寸(英寸) 設(shè)計(jì)分辨率(點(diǎn)) 屏幕分辨率(像素) 資源分辨率(像素) 說明
iPhone4/4s 3.5 320 x 480 640 x 960 640 x 960 1點(diǎn) = 2倍像素,326ppi
iPhone5/5s/5c/SE 4.0 320 x 568 640 x 1136 640 x 1136 1點(diǎn) = 2倍像素,326ppi
iPhone6/6s/7 4.7 373 x 667 750 x 1334 750 x 1334 1點(diǎn) = 2倍像素,326ppi
iPhone6P/6sP/7P 5.5 414 x 736 1080 x 1920 1242 x 2208 1點(diǎn) = 3倍像素, 資源縮小1.15倍,渲染到屏幕上,401ppi
  • 而至于iPhone 6(s) plus 和 iPhone 7 Plus 更加與眾不同,其縮放因子為3,這意味著屏幕上點(diǎn)每個(gè)點(diǎn)都表示9個(gè)像素。以點(diǎn)為單位時(shí),含有 414x736 點(diǎn);在縮放因子為3的情況下,這相當(dāng)于 1242x2208 像素。但是實(shí)際上并不是這樣,從上表可以看出是1080x1920,而“內(nèi)部”分辨率為1242x2208。實(shí)際上,內(nèi)部分辨率應(yīng)該更高,但iOS設(shè)備會(huì)自動(dòng)縮放內(nèi)容,以適應(yīng)1080x1920的分辨率。
  • iPhone 6(s) Plus 和 iPhone 7 Plus 是最為特殊的設(shè)備,資源分辨率與屏幕分辨率的比例是1.15 : 1, 而其他的設(shè)備比例是 1 : 1。不同的人群關(guān)注的分辨率也是不同的,UI設(shè)計(jì)人員主要關(guān)注的是資源分辨率,開發(fā)人員主要關(guān)注的是設(shè)計(jì)分辨率,而一般用戶主要關(guān)注的屏幕分辨率。

當(dāng)我們創(chuàng)建應(yīng)用程序的時(shí)候,iOS系統(tǒng)將考慮縮放因子,以最大可能的分辨率顯示應(yīng)用程序及界面,而我們幾乎無需為此做任何工作。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容