1. 程式人生 > >移動端DPR,物理畫素,邏輯畫素,PPI,物理尺寸

移動端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

總算顯示總結了一部分知識後續在去補充。