约束布局ConstraintLayout加快布局速度

Android Studio2.2更新布局设计器，同时，引人了约束布局ConstraintLayout。

简单来说，可以把它看做是相对布局的升级版本，但是区别与相对布局更加强调约束。何为约束，即控件之间的关系。

它能让你的布局更加扁平化，一般来说一个界面一层就够了；同时借助于AS我们能极其简单的完成界面布局。

ConstraintLayout简介​

ConstraintLayout的优点非常突出。

ConstraintLayout不需要使用嵌套布局就可以让我们去构建一个大而复杂的布局， 他与RelativeLayout很相似，所有在里面的View的布局方式取决于View与View之间的关系和父布局。但是他比RelativeLayout 更灵活，并且在Android Studio’s Layout Editor中可以很容易的去使用。

ConstraintLayout的所有工作都可以使用布局编辑器的可视化工具中完成，因为布局API和布局编辑器对此专门构建的。因此你可以完全通过拖拽的方式去构建一个使用了ConstraintLayout 的布局，而不用直接在XML中编辑。

参考下图：

这个界面主要分成下面几个部分：

• 左侧边栏，包括Palette组件库和Component Tree
• 中间是布局设计器，包括两部分，左边是视图预览，右边是布局约束
• 右侧边栏，上面是类似盒子模型的边界和大小布局设计器，下面是属性列表。

简单介绍完了约束布局的特色和开发界面，接下来来看看如何使用约束布局。

添加约束布局

使用约束布局，必须确保你拥有最新的约束布局的库。

1. 点击Tools > Android > SDK Manager

2. 点击SDK Tools Tab

3. 展开Support Repository，然后勾选ConstraintLayout for Android 和Solver for ConstraintLayout。勾选Show Package Details，注意你下载的版本。

4. 点击OK

添加ConstraintLayout库到你的build.gradle文件中，目前最新版本是beta4

dependencies {
  //...
  compile 'com.android.support.constraint:constraint-layout:1.0.0-beta4'