[Android Pro] UI設計師不可不知的安卓屏幕知識

reference to : http://www.android100.org/html/201505/24/149342.html

很多設計師和工程師都被安卓設備紛繁的屏幕搞得暈頭轉向，我既作UI設計，也作一部分安卓界面佈局，恰好對這塊內容比較熟悉，也曾在公司內部作過相關的講座，在此，我將此部分知識從新梳理出來分享給你們！
一、瞭解幾個概念
（1）分辨率。分辨率就是手機屏幕的像素點數，通常描述成屏幕的「寬×高」，安卓手機屏幕常見的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在寬度方向有720個像素，在高度方向有1280個像素。
（2）屏幕大小。屏幕大小是手機對角線的物理尺寸，以英寸（inch）爲單位。好比某某手機爲「5寸大屏手機」，就是指對角線的尺寸，5寸×2.54釐米/寸=12.7釐米。
（3）密度（dpi，dots per inch；或PPI，pixels per inch）。從英文顧名思義，就是每英寸的像素點數，數值越高固然顯 示越細膩。假如咱們知道一部手機的分辨率是1080×1920，屏幕大小是5英寸，你 可否算出此屏幕的密度呢？哈哈，中學的勾股定理派上用場啦！經過寬 1080和高1920，根據勾股定理，咱們得出對角線的像素數大約是2203，那麼用 2203除以5就是此屏幕的密度了，計算結果是440。 440dpi的屏幕已經至關細膩了。



二、實際密度與系統密度
還沒有發現他處使用「實際密度」和「系統密度」這兩個詞彙，暫時由我如此定義吧。
「實際密度」就是咱們本身算出來的密度，這個密度表明了屏幕真實的細膩程度，如上述例子中的440dpi就是實際密度，說明這塊屏幕每寸有440個 像 素。5英寸1080×1920的屏幕密度是440，而相同分辨率的4.5英寸屏幕密度是490。如此看來，屏幕密度將會出現不少數值，呈現嚴重的碎 片 化。而密度又是安卓屏幕將界面進行縮放顯示的依據，那麼安卓是如何適配這麼多屏幕的呢？
其實，每部安卓手機屏幕都有一個初始的固定密度，這些數值是120、160、240、320、480，咱們權且稱爲「系統密度」。你們發現規律沒 有？相 隔數值之間是2倍的關係。通常狀況下，240×320的屏幕是低密度120dpi，即ldpi；320×480的屏幕是中密度160dpi， 即 mdpi；480×800的屏幕是高密度240dpi，即hdpi；720×1280的屏幕是超高密度320dpi，即 xhdpi；1080×1920的 屏幕是超超高密度480dpi，即xxhdpi。
安卓對界面元素進行縮放的比例依據正是系統密度，而不是實際密度。
 
 
 
三、一個重要的單位dp
dp也可寫爲dip，即density-independent pixel。你能夠想象dp更相似一個物理尺寸，好比一張寬和高均爲100dp的圖片在 320×480和480×800的手機上「看起來」同樣大。而實際 上，它們的像素值並不同。dp正是這樣一個尺寸，無論這個屏幕的密度是多少，屏幕上 相同dp大小的元素看起來始終差很少大。
另外，文字尺寸使用sp，即scale-independentpixel的縮寫，這樣，當你在系統設置裏調節字號大小時，應用中的文字也會隨之變大變小。
 
 
四、dp與px的轉換
在安卓中，系統密度爲160dpi的中密度手機屏幕爲基準屏幕，即320×480的手機屏幕。在這個屏幕中，1dp=1px。
100dp在320×480（mdpi，160dpi）中是100px。那麼100dp在480×800（hdpi，240dpi）的手機上是多少 px 呢？咱們知道100dp在兩個手機上看起來差很少大，根據160與240的比例關係，咱們能夠知道，在480×800中，100dp實際覆蓋 了 150px。所以，若是你爲mdpi手機提供了一張100px的圖片，這張圖片在hdpi手機上就會拉伸至150px，可是他們都是100dp。
中密度和高密度的縮放比例彷佛能夠不經過160dpi和240dpi計算，而經過320px和480px也能夠算出。可是按照寬度計算縮放比例不適 用於 超高密度xhdpi和超超高密度xxhdpi了。即720×1280中1dp是多少px呢？若是用720/320，你會得出1dp=2.25px，實 際 這樣算出來是不對的。dp與px的換算要以系統密度爲準，720×1280的系統密度爲320，320×480的系統密度 爲 160，320/160=2，那麼在720×1280中，1dp=2px。同理，在1080×1920中，1dp=3px。
你們能夠記住下面這個比例，dp與px的換算就十分easy啦！
ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12，咱們發現，相隔數字之間仍是2倍的關係。計算的時候，以mdpi 爲基 準。好比在720×1280（xhdpi）中，1dp等於多少px呢？mdpi是4，xhdpi是8，2倍的關係，即1dp=2px。反着計算更重 要， 好比你用PhotoShop在720×1280的畫布中製做了界面效果圖，兩個元素的間距是20px，那要標註多少dp呢？2倍的關係，那就 是 10dp！
 
 
 
當安卓系統字號設爲「普通」時，sp與px的尺寸換算和dp與px是同樣的。好比某個文字大小在720×1280的PS畫布中是24px，那麼告訴工程師，這個文字大小是12sp。
 
五、建議在xdhpi中做圖
安卓手機有這麼多屏幕，我到底依據哪一種屏幕做圖呢？沒有必要爲不一樣密度的手機都提供一套素材，大部分狀況下，一套就夠了。
如今手機比較高的分辨率是1080×1920，你能夠選擇這個尺寸做圖，可是圖片素材將會增大應用安裝包的大小。而且尺寸越大的圖片佔用的內存也就 越 高。若是你不是設計ROM，而是作一款應用，我建議你們用PS在720×1280的畫布中做圖。這個尺寸兼顧了美觀性、經濟性和計算的簡單。美觀性 是 指，以這個尺寸作出來的應用，在720×1280中顯示完美，在1080×1920中看起來也比較清晰；經濟性是指，這個分辨率下導出的圖片尺寸適 中，內 存消耗不會太高，而且圖片文件大小適中，安裝包也不會過大；計算的簡單，就是1dp=2px啊，多好計算啊！
作出來的圖片，記着讓界面工程師放進drawable-xhdpi的資源文件夾中。
 
六、屏幕的寬高差別
在720×1280中做圖，要考慮向下兼容不一樣的屏幕。經過計算咱們能夠知道，320×480和480×800的屏幕寬度都是320dp， 而 720×1280和1080×1920的屏幕寬度都是360dp。它們之間有40dp的差距，這40dp在設計中影響仍是很大的。以下圖蝴蝶圖片距離 屏幕 的左右邊距在320dp寬的屏幕和360dp寬的屏幕中就不同。
 
 
 
不只寬度上有差別，高度上的差別更加明顯。對於天氣等工具類應用，因爲界面通常是獨佔式的，更要考慮屏幕之間的比例差別。
 
 
 
若是想消除這些比例差別，能夠經過添加布局文件來實現。通常狀況下，佈局文件放在layout文件夾中，若是要單獨對360dp的屏幕進行調整，你 能夠 單作作一個佈局文件放在layout-w360dp中；若是你想對某個特殊的分辨率進行調整，那麼你能夠將佈局文件放在標有分辨率的文件夾中， 如 layout-854×480。
 
七、幾個資源的文件夾
在720×1280中作了圖片，要讓開發人員放到drawable-xhdpi的資源文件夾中，這樣才能夠顯示正確。我的認爲僅提供一套素材就能夠 了， 能夠測試一下應用在低端手機上運行是否流暢，若是比較卡頓，能夠根據須要提供部分mdpi的圖片素材，由於xhdpi中的圖片運行在mdpi的手機上 會 比較佔內存。
以應用圖標爲例，xhdpi中的圖標大小是96px，若是要單獨給mdpi提供圖標，那麼這個圖標大小是48px，放到drawable-mdpi 的資 源文件夾中。各個資源文件夾中的圖片尺寸一樣符合ldpi:mdpi:hdpi:xhdpi:xxhdpi=3:4:6:8:12的規律。
 
 
若是你把一個高2px的分割線素材作成了9.png圖片，你想讓細線在不一樣密度中都是2px，而不被安卓根據密度進行縮放，怎麼辦？你能夠把這個分 割線 素材放到drawable-nodpi中，這個資源文件夾中的圖片，將按照實際像素大小進行顯示，而不會被安卓根據密度進行縮放。即在mdpi中細線 是 2px（2dp），在xhdpi中細線是2px（1dp）。
 
以上是對安卓屏幕的初步總結，不知道你看完後是豁然開朗，仍是一頭霧水？這篇文章主要爲了實用起見，避開了過多深刻的分析，若是你還有什麼疑問，能夠留言。