Android開發 - 掌握ConstraintLayout（一）傳統布局的問題

在傳統的Android開發中，頁面布局占用了我們很多的開發時間，而且面對復雜頁面的時候，傳統的一些布局會顯得非常復雜，每種布局都有特定的應用場景，我們通常需要各種布局結合起來使用來實現復雜的頁面。隨著ConstraintLayout的推出，這種現象有了很大的改善，而且它可以實現很多傳統布局難以實現的功能。

本系列我們就一起來學習ConstraintLayout的使用，來大幅提高我們的生產力。

傳統布局

在ConstraintLayout退出之前，我們經常使用FrameLayout, LinearLayout, RelativeLayout, ***Layout等來布局頁面。這些布局當然有其方便的地方，但是其方便地同時也限制了我們的使用場景，在寫一些復雜頁面的時候就顯得力不從心，我們先做一下簡單地回顧：

• FrameLayout：幀布局。最常用并且簡單的布局，通常用于錯誤頁面的顯示，蒙層的顯示等。
• LinearLayout：線性布局。當我們繪制需要順序排列的內容時，我們使用使用此布局。
• RelativeLayout：相對布局。相當于ConstraintLayout的低級版本。顧名思義，可以各個View之間相對地指定位置進行布局。
• ...

存在的問題

以上布局并不是完美的，比如我們要布局這個頁面：

我們如果使用傳統的布局，可能會導致布局的層級多層嵌套：

<RelativeLayout>
    <ImageView/>
    <ImageView/>
    <RelativeLayout>
        <TextView/>
        <LinearLayout>
            <TextView/>
            <RelativeLayout>
                <EditText/>
            </RelativeLayout>
        </LinearLayout>
        ...
    </RelativeLayout>
    ...
</RelativeLayout>

• 布局復雜
  使用傳統的布局雖然可以實現我們的需求，但是在代碼實現中有非常多的嵌套，而且要結合許多布局的特性來實現，這樣復雜的布局讓我們難以維護。

• 效率底下
  當布局層級越深的時候，系統的繪制效率越低，當子View.invalidate()的時候，也會導致其父View進行重新繪制。
  又比如這些布局中相對靈活的RelativeLayout，它會被測量至少兩次，已確定最終渲染時的位置，也同樣會影響效率。

• 難以創建復雜動畫
  Android在屬性動畫(ObjectAnimator)推出之前，執行動畫的原理其實只是在繪制的時候執行，并不是真正的改變了布局，在屬性推出之后，雖然確實可以改變其真實的布局屬性，但是由于布局特性的約束以及各個View之間的約束，創建復雜的動畫也并非易事。

ConstraintLayout登場！

下面我們進入本系列的主角：ConstraintLayout!

使用ConstraintLayout可以解決以上傳統布局存在的種種問題，而且Android Studio也提供了強大而且簡單易用的編輯器，使用它可以讓我們的開發效率大大增加。

下一篇我們將介紹它：Android開發 - 使用ConstraintLayout（二）介紹

如有更多疑問，請參考我的其它Android相關博客：我的博客地址