移動端DPR,物理畫素,邏輯畫素,PPI,物理尺寸
還是從具體的案例來去認識移動端中的各種定義吧。
以最常見的設計圖參考iphone6來舉個栗子,詳細說。
4.7in | 2.3*4.1 in | 16:9 | 375 * 667 dp | 750*1334px | 2.0 xhdpi (密度) |
---|---|---|---|---|---|
4.7英寸 | 2.3(寬度)*4.1(長度) 英寸 | 高度:寬度 | 375*667 (points) | 750*1334 px | 2.0 xhdpi |
1 iphone6的大小是4.7英寸的,計算方法是對角線的長是4.7英寸,意味著iphone6的對角線長度是4.7*2.54 = 11.938cm(約等於12釐米)
(1英寸(in)=2.54釐米(cm))
2 iphone6的手機顯示的螢幕寬度是2.3英寸(5.842cm),長度是4.1英寸(10.414cm)。注意這裡的長度和寬度值是顯示的螢幕,因為iphone6不是全屏手機,所以還有很多不是顯示的地方,而我們比較常見的iphone6的手機尺寸大小是長寬分別為138.1 mm*67.0 mm。如下圖:
3 其中16:9就不用解釋了,其實就是長寬的比,也就是4.1: 2.3。
4 iphone6中的邏輯解析度是375*667,這個邏輯解析度是通過演算法所達到的。375可以理解為375個內容點,內容點才是真正用來顯示內容的範圍。在此之前,i5,i4都是320個內容點。
5 iphone6的物理解析度是750*1334px,這個單位是px。
6 iphone6的縮放因子是2,其實也就是DPR的值是2。
縮放因子DPR(裝置畫素比)
早期的iPhone3GS的螢幕螢幕解析度是320 * 480,這個時候的縮放因子是1倍。iOS繪製圖形(CGPoint/CGSize/CGRect)均已point為單位。所以 1 point = 1 pixel
後來在iPhone4中,同樣大小(3.5inch)的螢幕採用Retina(視網膜)螢幕顯示技術(同樣的尺寸,畫素多了一倍),橫、縱向方向畫素密度都被放大到2倍,畫素解析度提高到(320 * 2) * (480 * 2) = 640 * 960,顯像解析度提高到iPhone3GS的4倍。iPhone6Plus中橫、縱向方向畫素密度都被放大到3倍,顯像解析度提高到iPhone3GS的9倍。所以1 point = 2 pixel
DPR的計算公式:
* DPR = 單位長度內(pixel/point);*
比如ipone6中的scale的值 = 750px / 375pt = 2.0
畫素密度ppi
表示沿著對角線,每英寸所擁有的畫素(pixel)數目,PPI的數值越高,代表顯示屏能夠以越高的密度顯示影象,即通常所說的解析度越高,影象更清晰。圖為各個值
根據勾股定理: iphone4的PPI的計算值:
= 163 pixcel/inch
總算顯示總結了一部分知識後續在去補充。