Android教程網 >> Android技術 >> 關於Android編程 >> Android AutoLayout全新的適配方式堪稱適配終結者

Android AutoLayout全新的適配方式堪稱適配終結者

編輯：關於Android編程

一、概述

相信Android的開發者對於設配問題都比較苦惱，Google官方雖然給出了一系列的建議，但是想要單純使用這些建議將設備很輕松的做好，還是相當困難的。個人也比較關注適配的問題，之前也發了幾篇關於適配的文章，大致有：

Android 屏幕適配方案 Android 百分比布局庫(percent-support-lib) 解析與擴展 Android 增強版百分比布局庫為了適配而擴展

ok，我大致說一下，沒看過的先看完這篇，再考慮看不看以上幾篇，本篇的靈感是來自以上幾篇，但是適配的方便程度、以及效果遠比上面幾篇效果要好。

既然靈感來源於上述幾篇，就大體介紹下：

第一篇：主要是根據設計圖的尺寸，然後將設計圖上標識的px尺寸，轉化為百分比，為所有的主流屏幕去生成對應百分比的值，每個尺寸都會有一個values文件夾。存在一些問題：產生大量的文件夾，適配不了特殊的尺寸（必須建立默認的文件夾）

第二篇和第三篇：這兩篇屬於一樣的了，主要是基於Google推出的百分比布局，已經很大程度解決了適配的問題。存在一些問題：使用起來比較反人類，因為設計圖上標識的都是px，所以需要去計算百分比，然後這個百分比還是依賴父容器的，設計圖可能並不會將每個父容器的尺寸都標識出來，所有很難使用（當然，有人已經采用自動化的工具去計算了）。還有個問題就是，因為依賴於父容器，導致ScrollView，ListView等容器內高度無法使用百分比。

可以看到都存在一些問題，或多或少都需要進行一些額外的工作，然而我希望適配是這樣的：

拿到設計圖，meta信息中填入設計圖的尺寸，然後不需要額外計算，布局直接抄設計圖上的尺寸，不產生任何多余的資源文件，完成各種分辨率的適配！

二、直觀的體驗

假設我們拿到一張設計圖：

這樣的設計圖開發中很常見吧，有些公司可能需要自己去測量。

按照我們的思想：

布局直接抄設計圖上的尺寸

對於，新增旅客我們的布局文庫應該這麼寫：

來張組合圖，感受一下：

感受完了，想一想，按照這種方式去寫布局你說爽不爽。

ok，那麼對於Item的布局文件，就是這麼寫：

看到這，我相信，你現在最大的疑問就是：你用的px，px能完成適配？搞笑吧？

那麼首先說一下：這個px並不代表1像素，我在內部會進行百分比化處理，也就是說：720px高度的屏幕，你這裡填寫72px，占據10%；當這個布局文件運行在任何分辨率的手機上，這個72px都代表10%的高度，這就是本庫適配的原理。

接下來：看下不同分辨率下的效果：

768*1280,Andriod 4.4.4

480*800,Android 2.3.7

上述兩個機器的分辨率差距相當大了，按照百分比的規則，完美實現了適配，最為重要的是：

再也不用拿著設計稿去想這控件的寬高到底取多少dp 再也不用去為多個屏幕去寫多個dimens 再也不用去計算百分比了（如果使用百分比控件完成適配）再也不用去跟UI MM去解釋什麼是dp了

接下來說下用法。

本庫的地址：https://github.com/hongyangAndroid/AndroidAutoLayout

三、用法

用法

（1）注冊設計圖尺寸

將autolayout引入

dependencies {
    compile project(':autolayout')
}

對於eclipse的伙伴，只有去copy源碼了~~

在你的項目的AndroidManifest中注明你的設計稿的尺寸。

（2）Activity中開啟設配

讓你的Activity去繼承AutoLayoutActivity 在你的Activity的onCreate裡面寫入：

AutoLayout.getInstance().auto(this, true);，例如：

@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    AutoLayout.getInstance().auto(this);
}

ok，非常簡單的兩部即可引入項目，然後，然後干嘛？

然後就按照上個章節的編寫方式開始玩耍吧~

ok，上面是最簡單的用法，當然你也可以不去繼承AutoLayoutActivity來使用。

AutoLayoutActivity的用法實際上是完成了一件事：

LinearLayout -> AutoLinearLayout RelativeLayout -> AutoRelativeLayout FrameLayout -> AutoFrameLayout

如果你不想繼承AutoLayoutActivity，那麼你就得像Google的百分比庫一樣，去用AutoXXXLayout代替系統原有的XXXLayout。當然，你可以放心的是，所有的系統屬性原有的屬性都會支持，不過根布局上就不支持px的自動百分比化了，但是一般根布局都是MATCH_PARENT，而上述的方式，根布局也是可以直接px的百分比化的。