原文鏈接：http://mp.weixin.QQ.com/s?__biz=MzA5MzI3NjE2MA==&mid=2650238469&idx=1&sn=49154d3b2c0a94c68c27a2b6da0e3759&chksm=88639f6abf14167cbd3e197c6770af73864917322b2b18bcbbf07870667f60951d6ac4bc4d86&mpshare=1&scene=23&srcid=020357JExx0Ck7rTusM1ojQU#rd

本篇文章的主題是ConstraintLayout。其實ConstraintLayout是Android Studio 2.2中主要的新增功能之一，也是Google在去年的I/O大會上重點宣傳的一個功能。我們都知道，在傳統的Android開發當中，界面基本都是靠編寫xml代碼完成的，雖然Android Studio也支持可視化的方式來編寫界面，但是操作起來并不方便，我也一直都不推薦使用可視化的方式來編寫Android應用程序的界面。

而ConstraintLayout就是為了解決這一現狀而出現的。它和傳統編寫界面的方式恰恰相反，ConstraintLayout非常適合使用可視化的方式來編寫界面，但并不太適合使用XML的方式來進行編寫。當然，可視化操作的背后仍然還是使用的XML代碼來實現的，只不過這些代碼是由Android Studio根據我們的操作自動生成的。

另外，ConstraintLayout還有一個優點，它可以有效地解決布局嵌套過多的問題。我們平時編寫界面，復雜的布局總會伴隨著多層的嵌套，而嵌套越多，程序的性能也就越差。ConstraintLayout則是使用約束的方式來指定各個控件的位置和關系的，它有點類似于RelativeLayout，但遠比RelativeLayout要更強大。

其實ConstraintLayout屬于Android Studio 2.2的新特性，我在去年寫《第二行代碼》的時候就非常想要將這部分內容加入到新書里面，但是在嘗試之后還是放棄了。因為ConstraintLayout的用法很多都是對控件進行拖拽，只用文字或者是一些靜態圖片實在太難將它的用法表達清楚了，因此不太適合寫到書上。我當時的想法就是后面寫一篇文章來講解ConstraintLayout的用法，彌補一下《第二行代碼》中缺失的這部分新特性，那么今天這篇文章來了。

下面我們開始用邊學邊練的方式來進行學習，首先打開你的Android Studio，并新建一個ConstraintLayoutTest項目。另外，確保你的Android Studio是2.2或以上版本。

為了要使用ConstraintLayout，我們需要在app/build.gradle文件中添加ConstraintLayout的依賴，如下所示。

目前ConstraintLayout庫最新的版本是1.0.0-beta4，還沒有推出正式穩定版本，不過這并不影響我們提前進行學習和使用。

現在打開res/layout/activity_main.xml文件，由于這是一個新建的空項目，Android Studio會自動幫我們創建好一個布局，如下圖所示。

不過，Android Studio自動創建的這個布局默認使用的是RelativeLayout，我們可以通過如下操作將它轉換成ConstraintLayout。