首先柱嫌,理解幾個(gè)概念: Points, Rendered Pixels, Physical Pixels, Physical Device庄岖。
Points: 是iOS開(kāi)發(fā)中引入的抽象單位弓熏,稱作點(diǎn)玩郊。開(kāi)發(fā)過(guò)程中所有基于坐標(biāo)系的繪制都是以 point 作為單位,在iPhone 2G,3G,3GS的年代消恍,point 和屏幕上的像素是完全一一對(duì)應(yīng)的煎楣,即 320 * 480 (points), 也是 320 * 480 (pixels)
Rendered Pixels: 渲染像素豺总, 以 point 為單位的繪制最終都會(huì)渲染成 pixels,這個(gè)過(guò)程被稱為光柵化择懂∮髟基于 point 的坐標(biāo)系乘以比例因子可以得到基于像素的坐標(biāo)系,高比例因子會(huì)使更多的細(xì)節(jié)展示困曙,目前的比例因子會(huì)是 1x表伦,2x,3x
Physical Pixels: 物理像素慷丽,就是設(shè)備屏幕實(shí)際的像素
Physical Device: 設(shè)備屏幕的物理長(zhǎng)度蹦哼,使用英寸作為單位。比如iPhone 4屏幕是3.5英寸盈魁,iPhone 5 是4英寸翔怎,iphone 6是4.7英寸窃诉,這里的數(shù)字是指手機(jī)屏幕對(duì)角線的物理長(zhǎng)度杨耙。實(shí)際上會(huì)是Physical Pixels的像素值(而不是Rendered Pixels的像素值)會(huì)渲染到該屏幕上, 屏幕會(huì)有 PPI(pixels-per-inch) 的特性,PPI 的值告訴你每英寸會(huì)有多少像素渲染飘痛。
那么珊膜,iOS 開(kāi)發(fā)中,上述單位會(huì)有什么對(duì)應(yīng)關(guān)系呢宣脉?列表回答:
機(jī)型屏幕寬高(point)渲染像素(pixel)物理像素(pixel)屏幕對(duì)角線長(zhǎng)度(英寸)屏幕模式
iPhone 2G, 3G, 3GS320 * 480320 * 480320 * 4803.5(163PPI)1x
iPhone 4, 4s320 * 480640 * 960640 * 9603.5 (326PPI)2x
iPhone 5, 5s320 * 568640 * 1136640 * 11364 (326PPI)2x
iPhone 6, 6s, 7, 8375 * 667750 * 1334750 * 13344.7 (326PPI)2x
iPhone 6P, 6SP,7P,8P414 * 7361242 * 22081080 * 19205.5 (401PPI)3x
iPhone X375 * 8121125 *2436 1125px*24365.85(458PPI)3x
iPhone XS(參數(shù)同上) 375 * 812 1125 *2436 1125px*2436 5.85(458PPI)3x
iPhone XR414* 896828*1792828*1792 6.1(326)2x
iPhone XSMax414*8961242*26881242*2688 6.5(458PPI)3x
? ? ? ? ? ? ? ? ? ? ? ? iphone 11 (參數(shù) 等同XR)
? ? ? ? ? ? ? ? ? ? ? ?iphone11 pro(參數(shù)等同 iphone x)
? ? ? ? ? ? ? ? ? ? ?iphone11 pro max (等同iphone xsmax )
關(guān)于上述關(guān)系 PaintCode 繪制圖形進(jìn)行了詳細(xì)說(shuō)明车柠,可以移步查看The Ultimate Guide To iPhone Resolutions.
由上可以看出,所謂的屏幕模式塑猖,描述的就是屏幕中一個(gè)點(diǎn)有多少個(gè) Rendered Pixels 渲染竹祷,對(duì)于2倍屏(又稱 Retina 顯示屏),會(huì)有 2 * 2 = 4 個(gè)像素的面積渲染羊苟,對(duì)于3倍屏(又稱 Retina HD 顯示屏)塑陵,會(huì)有 3 * 3 = 9 個(gè)像素的面積渲染。