Android機型適配終極篇

關注微信公衆號：程序員小安，精彩文章按期推送。

一、分辨率,屏幕大小,密度

（1）分辨率。分辨率就是手機屏幕的像素點數，通常描述成屏幕的「寬×高」，安卓手機屏幕常見的分辨率有480×800、720×1280、1080×1920、1440x2560的2K屏等。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。 安卓對界面元素進行縮放的比例依據正是系統密度，而不是實際密度。 將必定範圍的屏幕密度的設備視爲一個特定的密度，好比屏幕密度在240左右的設備視爲高密度（hdpi），在320左右的視爲超高密度（xhdpi）等。

三、dp、sp、px的區別

px：即像素，1px表明屏幕上一個物理的像素點；px單位不被建議使用，由於一樣100px的圖片，在不一樣手機上顯示的實際大小可能不一樣，偶爾用到px的狀況，是須要畫1像素表格線或陰影線的時候，用其餘單位如dp會顯得模糊。 dp也可寫爲dip，即density-independent pixel。你能夠想象dp更相似一個物理尺寸，好比一張寬和高均爲100dp的圖片在320×480和480×800的手機上「看起來」同樣大。而實際上，它們的像素值並不同。dp正是這樣一個尺寸，無論這個屏幕的密度是多少，屏幕上相同dp大小的元素看起來始終差很少大。 sp：sp和dp很相似但惟一的區別是，Android系統容許用戶自定義文字尺寸大小（小、正常、大、超大等等），因此目前主流應用字體大小已經改用dp，不用sp，省去用戶手動調整字體適配的麻煩。

四、dp與px的轉換

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。 中密度和高密度的縮放比例，720×1280的系統密度爲320，320×480的系統密度爲160，320/160=2，那麼在720×1280中，1dp=2px。同理，在1080×1920中，1dp=3px。 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的資源文件夾中。 xhdpi (320dpi, 2x) 同iOS @2x 750x1334 xxdpi (480dpi, 3x) 同iOS @3x 1242x2208（除以1.15，則等比縮放到android的1080*1920) 淘寶選擇2x標註，3x切圖，具體講解以下：blog.csdn.net/zx_android/…

六、屏幕的寬高差別

在720×1280中做圖，要考慮向下兼容不一樣的屏幕。經過計算咱們能夠知道，320×480和480×800的屏幕寬度都是320dp，而720×1280和1080×1920的屏幕寬度都是360dp。它們之間有40dp的差距，這40dp在設計中影響仍是很大的。以下圖蝴蝶圖片距離屏幕的左右邊距在320dp寬的屏幕和360dp寬的屏幕中就不同。

若是想消除這些比例差別，能夠經過添加布局文件來實現。通常狀況下，佈局文件放在layout文件夾中，若是要單獨對360dp的屏幕進行調整，你能夠單作作一個佈局文件放在layout-w360dp中；不過，最好是默認針對360dp的屏幕布局（較爲主流），而後對320dp的屏幕單獨佈局，將佈局文件放到layout-w320dp中；若是你想對某個特殊的分辨率進行調整，那麼你能夠將佈局文件放在標有分辨率的文件夾中，如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）。

8.資源加載優先級

Google官方文檔顯示以下： 若是有最匹配的資源（e.g. 設備是HDPI，存在hdpi的資源），則刪除其餘的資源 若是沒有最佳匹配資源，優先匹配更高dpi的資源，縮小合適的比例之後使用（e.g. 設備是HDPI，未能找到hdpi的資源，可是有xhdpi的資源，則把XHDPI的資源縮小的3/4之後使用），並排除其餘的資源（Google解釋說，由於執行縮小操做比執行放大操做更加方便，因此高dpi資源優先與低dpi資源，不過，我的認爲對於大部分圖片來講，大圖縮小形成的失真應該是小於小圖放大形成的失真） 若是沒最佳匹配的資源，也不存在更高dpi的資源，則使用dpi更低的資源，並放大合適的比例之後使用（e.g. 設備爲HDPI，未能找到hdpi以及更高的資源，單存在mdpi的資源，則把mdpi的資源放大到3/2之後使用），並刪排除其餘資源

原則上來講，dalvik優先使用符合設備dpi的資源，其次是dpi較低的高dpi資源，再次是dpi較高的高dpi資源，最後採用nodpi的資源，由此，根據設備自身的dpi的不一樣，不一樣dpi資源的優先級是有差別的（忽略mdpi&hdpi）:

設備dpi 優先級順序（由高到低） tvdpi tvdpi>hdpi>xhdpi>xxhdpi>mdpi>default>ldpi>nodpi hdpi hdpi>xhdpi>xxhdpi>tvdpi>mdpi>default>ldpi>nodpi xhdpi xhdpi>xxhdpi>hdpi>tvdpi>mdpi>default>ldpi>nodpi xxhdpi xxhdpi>xhdpi>hdpi>tvdpi>mdpi>default>ldpi>nodpi 另外，除了nodpi之外，使用其餘dpi資源前，還須要根據縮放比進行縮小/放大操做。

九、項目實戰

1）相似上圖是美工標註後的高保真圖，分辨率爲640*1136，對應到安卓爲720p（會有細微誤差），ios爲2@，安卓開發同窗拿到圖，下面的工做就比較簡單了。

1.單位換算：只須要將上面的px/2，則獲得代碼中距離須要的dp，字體大小須要的sp。 2.切圖處理：美工的切圖一概放入xhdpi文件便可

這裏我舉兩個適配的例子幫助你們更好的理解。

1.上圖你們以爲怎麼佈局比較好？【代碼適配】 解答：【我加入的圈子】左邊空出固定距離，右邊【>】空出固定距離，中間鋪滿屏幕，這樣可讓360dp甚至更大的手機，不至於讓頁面內容縮在中間一小塊。再看下下面的佈局：

---

2.上圖又怎麼佈局呢？作到各類機型適配。【動態佈局適配】 我在項目中的作法是，用（屏幕的寬度（像素）-兩邊的間距-中間間距）/3，這樣獲得每一個圖片的寬度，而後圖片的高度設置成高圖片的寬度相等（固然也能夠重寫view，自動設置寬等於高） 代碼以下： LinearLayout.LayoutParams linearParams = (LinearLayout.LayoutParams)pic.getLayoutParams(); linearParams.width =(context.getResources().getDisplayMetrics().widthPixels-DisplayUtil.dip2px(context, 44)) / 3; linearParams.height = linearParams.width; pic.setLayoutParams(linearParams); //使設置好的佈局參數應用到控件

3.weight也能夠搞定了！的確，能夠用比重去作，三個圖片各佔比爲1，再調整下邊距，可是高度怎麼辦，前面說過上，能夠重寫view,讓這個view的高跟寬度相等，這種方式也能夠。【比重適配】

4.【另類適配】 應該你們有看到有人提到過純代碼適配，就在在java代碼中動態設置每一個view的寬跟高，寬跟高是經過計算得出的。好比設計圖是6401136，這個view的寬在640的設計圖上是20px。因此有同窗會經過DisplayMetrics metrics = res.getDisplayMetrics();screenWidth = metrics.widthPixels screenHeight = metrics.heightPixels;拿到當前屏幕的寬跟高，若是當前手機屏幕是7201280，及screenWidth =720，screenHeight =1280，那麼當前的view的寬度等於screenWidth /640*view的寬度，這樣的確很是完美，每部手機均可以等比的縮放。可是代碼維護跟開發難度就是成倍的增長，不建議使用。

5.【不一樣的layout適配】 在res目錄下建立不一樣的layout文件夾，好比：layout-640x360、layout-800x480……全部的layout文件在編譯以後都會寫入R.java裏，而系統會根據屏幕的大小本身選擇合適的layout進行使用。這種如今基本不會有人這麼適配，不展開討論。

6.dimen尺寸資源文件的使用 dimen.xml在values文件夾下面

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="btn_width">16dp</dimen>
    <dimen name="btn_height">16dp</dimen>
</resources>
複製代碼

佈局中的使用：

<Button   
android:text="@string/test_dimen1"   
android:id="@+id/Button01"   
android:layout_width="@dimen/btn_width"   
android:layout_height="@dimen/btn_height"/>
複製代碼

文件夾含義： values-v11 -------API 11+表明android 3.0 +，意思是在API11設備上，該目錄下的dimens.xml代替res/values/dimens.xml values-480x320、values-800x480等 ------------意思是在不一樣分辨率下，該目錄下的dimens.xml代替res/values/dimens.xml 反編譯某主流電商APP後的截圖以下所示：

ppt講解下載地址：關注微信公衆號：程序員小安，公衆號留言便可獲取

---

若有錯誤歡迎指出來，一塊兒學習。