Android設計分辨率

基本知識

• 像素：是屏幕上顯示數據的最基本的點，單位爲px
• 分辨率：手機屏幕的像素點數，分辨率爲720*1280表示屏幕寬度上有720個像素，高度上有1280個像素
• 密度：單位（英寸）內的像素數
• 密度值：與密度對應的值，分實際密度和系統密度。實際密度根據屏幕的實際像素及大小計算得來；系統密度是系統設定的密度值。Android根據系統密度來處理縮放。
• dp：Android開發使用的長度單位，在密度爲160dpi時：1dp=1px
• sp：Android開發使用的字體單位，在密度爲160dpi且系統設置字體大小爲正常大小時：1sp=1px

Android分辨率

衆所周知，不一樣廠商不一樣型號，手機的像素分辨率和屏幕大小不可能相同（即實際密度不一樣）。正因如此，Android在
處理縮放時依據的是系統固有設定的密度值，而不是實際密度。

Android經常使用分辨率及其系統密度

圖一：

上圖列出了Android經常使用的密度及密度值。「比例1」列出了整倍數狀況下兼容全部密度的比值；「比例2」是設計師經常使用的比值（稍後會說明緣由）。

設計

在UI設計當中，設計師不須要爲每種密度單獨設計，只須要在一種密度下設計好，而後按密度倍數導出切片便可。

設計分辨率

那應該選擇在哪一種密度下設計UI？不一樣密度下設計的UI，導出時又有什麼不一樣麼？
經常使用的設計密度參考「圖一」中的「比例2」。

• 由於在密度值爲160dpi的狀況下，Android縮放時，1dp=1px。

採用「比例2」來設計UI，能完美實如今導出160、320和480密度時，能以整數倍導出。
對「圖一」稍做精簡併加上px與dp關係，獲得：
圖二：

• 上圖說明在在dp相同時，px按密度比值倍數變化——這即是Android將dp縮放爲px的原理，也是咱們設計的原理。

切圖

也就是說，設計師在設計一個 1x1px大小的圖片，並導出用於 1x（1x1px）、2x（2x2px）、3x（3x3px） 三種密度的圖片時。
密度爲160dpi、320dpi和480dpi的屏幕會分別顯示出 1x1px、2x2px和3x3px大小的圖片。

字體

系統設置正常大小的字體縮放適用一樣原理

經常使用的設計資源分辨率

一般，設計師在設計Android資源時，資源大小爲360x640px，而後設計導出 1x、2x和3x的 切圖。

PS_2017-10-30:新版Android開發中已支持SVG轉Vector，因此在導出時只須要導出SVG而後轉換爲Android Vector XML便可。
在部分開發狀況下，任不可避免使用到圖片，因此須要根據狀況做適當調整。
SVG轉AndroidVectorXML
[1]. http://blog.csdn.net/megatron...
[2]. http://inloop.github.io/svg2a... (其餘有些會有錯誤，此網站成功率高，有時候顏色會變成URL，本身修改下就能夠)
[3]. http://www.jianshu.com/p/af62...