iPhone 屏幕數(shù)據(jù)
型號 | 屏幕尺寸 | 分辨率(pt) | Reader | 分辨率(px) | 渲染后(px) | PPI |
---|---|---|---|---|---|---|
iPhone 3GS | 3.5英寸 | 320 x 480 | @1x | 320 x 480 | 空 | 163 |
iPhone 4/4S | 3.5英寸 | 320 x 480 | @2x | 640 x 960 | 空 | 326 |
iPhone 5/5S/5C/SE | 4.0英寸 | 320 x 568 | @2x | 640 x 1136 | 空 | 326 |
iPhone 6/6S/7/8/SE(二代) | 4.7英寸 | 375 x 667 | @2x | 750 x 1334 | 空 | 326 |
iPhone 6/6S/7/8 Plus | 5.5英寸 | 414 x 736 | @3x | 1080 x 1920 | 1242 x 2208 | 401 |
iPhone X/XS/11 Pro | 5.8英寸 | 375 x 812 | @3x | 1125 x 2436 | 空 | 458 |
iPhone XR/11 | 6.1英寸 | 414 x 896 | @2x | 828 x 1792 | 空 | 326 |
iPhone XS Max/11 Pro Max | 6.5英寸 | 414 x 896 | @3x | 1242 x 2688 | 空 | 458 |
iPhone 12/13 mini | 5.4英寸 | 375 x 812 | @3x | 1080 x 2340 | 1125 x 2436 | 476 |
iPhone 12/12 Pro/13/13 Pro /14 | 6.1英寸 | 390 x 844 | @3x | 1170 x 2532 | 空 | 460 |
iPhone 14/15 Pro/15 | 6.1英寸 | 393 x 852 | @3x | 1179 x 2556 | 空 | 460 |
iPhone 12/13 Pro Max/14 Plus | 6.7英寸 | 428 x 926 | @3x | 1284 x 2778 | 空 | 458 |
iPhone 14/15 Pro Max/15 Plus | 6.7英寸 | 430 x 932 | @3x | 1290 x 2796 | 空 | 460 |
各參數(shù)簡介
屏幕尺寸: 實(shí)際手機(jī)的對角線的物理長度东亦,可以直觀的評估手機(jī)的物理大小赵刑。
pt(point):表示點(diǎn)鞋邑,邏輯單位,虛擬的囊颅,沒有實(shí)際大小续徽。它的大小在iOS開發(fā)中通常與px掛鉤,在 iPhone 3GS 中一個(gè)點(diǎn)代表一個(gè)像素大小巢墅,在iPhone 4/4S中一個(gè)點(diǎn)代表兩個(gè)像素大小诸狭,主要用來iOS開發(fā)進(jìn)行頁面布局券膀,我們在代碼中獲取的屏幕的寬高就是pt單位的。
px(pixel):表示像素驯遇。是屏幕上所顯示的最小單位芹彬,在分辨率高的屏幕上,一個(gè)像素可能會達(dá)到肉眼無法識別的大小叉庐。
pt和px的區(qū)別:pt是絕對長度舒帮,不隨屏幕像素密度變化而變化,就像iPhone 4/4S比 iPhone 3GS 分辨率大一倍陡叠,但是他們的pt還是一樣的玩郊,只不過在3GS中一個(gè)點(diǎn)代表一個(gè)像素,1:1的關(guān)系枉阵,4/4S中一個(gè)點(diǎn)代表兩個(gè)像素译红,1:2的關(guān)系,在日常開發(fā)中用pt來進(jìn)行布局開發(fā)兴溜,能夠省去不同分辨率計(jì)算的痛苦侦厚,同時(shí)便于UI切圖。
總結(jié):px用于UI設(shè)計(jì)計(jì)量單位拙徽,pt用于實(shí)際iOS開發(fā)UI布局計(jì)量單位
Reader:px和pt的倍數(shù)關(guān)系刨沦,一般用來切不同倍數(shù)的圖,來適配各個(gè)型號iPhone的分辨率膘怕。
渲染后(px):但是Plus版本iPhone的實(shí)際PPI是401想诅,理論上蘋果應(yīng)該用401 / 326 x @2x = @2.46x的素材,但是這個(gè)比例很難切圖岛心,所以為了方便采用了@3x的素材来破,然后再縮放到@2.46x的屏幕上,也就是縮放到2.46 / 3 = 83%忘古,實(shí)際上蘋果選取了一個(gè)接近比例的87%讳癌。這樣算下來,物理分辨率和虛擬分辨率的比率是87%存皂,也就是1080
/ 0.86 = 1242晌坤,1920 / 0.87 = 2208。好處是開發(fā)者更方便旦袋,比如準(zhǔn)備素材時(shí)候骤菠,字號可以直接調(diào)整為3x的。
注意:Plus版本iPhone 官網(wǎng)的實(shí)際分辨率就是1080 x 1920疤孕,1242 x 2208是為了方便UI設(shè)計(jì)和開發(fā)的放大版分辨率商乎,但是其他版本的iPhone都是正常的。
PPI(Pixels Per Inch):也叫像素密度祭阀,所表示的是每英寸所擁有的像素?cái)?shù)量鹉戚。因此PPI數(shù)值越高鲜戒,即代表顯示屏能夠以越高的密度顯示圖像。當(dāng)然抹凳,顯示的密度越高遏餐,擬真度就越高。
Xcode 10模擬器適配
Xcode 10中增加了 iPhone XS Max 赢底, iPhone XR的模擬器失都,但是如果直接跑的話,呈現(xiàn)的還是 iPhone X的尺寸和大小幸冻。解決這個(gè)問題辦法就是粹庞,適配App的Max和XR啟動(dòng)圖(LaunchImage),再重啟才能真正的呈現(xiàn) iPhone XS Max模擬器真正的大小洽损。如圖: