官网地址
ConstraintLayout 提供了一种不使用嵌套的 ViewGroup 而创建复杂布局的方式。它和 RelativeLayout 相类似，根据兄弟视图和在父视图中的相对位置进行布局，但是，它更加的灵活，在Android Studio 布局编辑器的帮助下，也更加容易。
ConstraintLayout 中所有的功能，都可以借助布局编辑器中的可视化工具直接操作。因为布局 API 和布局编辑器中的实现构成了一一对应的关系。因此，你完全可以借助布局编辑器，在使用 ConstraintLayout时，随意地进行拖拽控件而不是在XML中编辑。
ConstraintLayout 在Android2.3(API level9)或者更高版本的兼容库中是可用的。
Constraints 概述
为了定义一个 ConstraintLayout 中 view 的位置，你必须确定这个 view 在水平和竖直方向的约束。 每个约束代表着一个到其他 view、父控件布局、或者不可见基线的连接、对齐。每一种约束定义了 view 在横轴或者纵轴的位置，所以，为了确定 view 的位置，就至少要有两个约束条件，但是，通常，更多的约束是必要的。
当你把一个 view 拖到布局编辑器中，将会处于没有约束的状态。如果一个 view 没有约束，在实际在设备上运行该布局时，这个 view 将会被绘制到[0,0]点，也就是左上角。
在下图1中，在编辑器中的布局看起来很好，但是，在 view C 上缺少竖直方向的约束。那么当在设备上运行时，view C 会在水平方向上和 view A 的左右边缘对其，但是会出现在屏幕的顶部，因为它没有竖直约束。
虽然丢失约束并不会造成编译错误，但是布局编辑器会在工具栏中显示这个错误（编辑器右上角）。
在项目中添加 ConstraintLayout
为了在项目中使用它，步骤如下：
- 在 build.gradle 文件中，声明了 maven.google.com 库：
repositories {
maven {
url 'https://maven.google.com'
}
}
- 同样，在 build.gradle 文件中添加依赖：
dependencies {
compile 'com.android.support.constraint:constraint-layout:1.0.2'
}
- 点击Sync Project with Gradle Files
现在你可以使用 ConstraintLayout 了。
转换布局
为了把现有布局转换为 ConstraintLayout ，需要这样做：
新建一个布局
为了使用一个新的 constraint 布局文件，需要：
- 在 Project 窗口，点击模块文件夹，选择 File -> New -> XML -> Layout XML.
- 输入布局文件的名字，并且，在根标签，设置"android.support.constraint.ConstraintLayout"
- 点击 Finish。
添加约束
从 Palette 窗口中拖拽一个 view 到编辑器中。当向 ConstraintLayout 中添加一个 view 时，这个 view 被显示为一个封闭的盒子，它的每个角都有一个正方形的用以调整大小的柄，每一侧都有一个圆形的用以设置约束的柄。
通过点击 view 先选中它，接着，点击选中约束柄然后拖拽线到一个可用的锚定点（另一个 view 的边或者基线）。当释放点击选中状态后，约束将被建立。
当创建约束的时候，注意一下规则：
- 每个 view 至少有两个约束：水平和竖直的。
- 竖直方向的约束柄只能和竖直方向的锚定点相连，构成约束关系；同理，水平方向只能和水平方向构成约束关系。
-
一个约束柄只能构成一种约束关系，但是你可以创建多个约束到同一个锚定点。
在删除约束的时候，点击约束柄即可。或者通过点击移除所有约束的图标的按钮
删除按钮
Parent position
约束 view 的一个边到布局容器的边缘。如下图所示，view 左边和父视图边缘相连，同时，还可以使用 margin 定义到父视图边缘的距离。
Order position
在竖直方向或者水平方向上，定义两个视图出现的顺序。
如下图所示，B在A的右边，C在A的下面，然而，这些约束并没有显示对齐关系，所以，B仍然可以上下移动。
Alignment对齐
将 view 的边缘和另外一个 view 相同的边缘进行对齐。
如下图所示，B的左边和A的左边对齐。当然，也可以拖拽 view 形成偏移。
如果你希望两个 view 中间对齐，需要在 view 的两侧都使用约束。
Baseline alignment基线对齐
一个 textview 的基线和另外一个 textview 的基线对齐。
Constraint to a guideline 指导线约束
可以添加一个竖直方向或者水平方向的指导线来约束 view 。
指导线对于用户来说是不可见的，指导线可以相对于布局容器边缘的dp值或者百分比进行放置。
在创建指导线的时候，可以右键选择创建水平或者竖直指导线，也可以在工具栏中选择创建指导线的按钮。
调整约束偏移
如果在一个 view 的两边，同时使用约束，view 默认在这两个约束之间的偏移是 50%（居中），你可以拖拽 view 或者调整偏移量属性的方式来改变这个值（实际上是调整居左居右的百分比）。
调整 view 的大小
可以通过调整 view 四个角的柄在重置 view 的大小。但是，这是一种对大小的硬编码，不能够完成在不同屏幕上的适配。实际上，我们可以更加灵活地处理这一点。
如下图所示，
3 所标注的符号，代表着大小模式，通过点击该符号，可以切换不同的大小模式：
当符号切换到这方形状，代表设置该 veiw 的wrap content 属性。
相当于我们对 view 设置了match parent。不同的是，此时 view 大小的是在两个约束之间充满（注意，需要将长度设置为0dp），而一般布局中match parent将充满父控件。如果只有一边有约束，view 的大小将扩充以满足自身需求。
此时对 view 设定固定大小是有效的。
设置宽高比率
至少在一个方向上（水平或者竖直方向）设置了 "match constraints"，才能够设置宽高比。为了使用这个功能，需要点击上面图10当中的1号图标的标注，然后输入宽高比。
使用 链 来控制线性组
一个链，是一组使用双向位置约束的 view 相互连接构成。
我们可以使用链来控制一组水平或者竖直方向的 view 的分布方式，有以下几种：
- Spread：所有的 view 均匀分布。这是一种默认的方式。
- Spread inside：第一个和最后一个 view 分别靠着约束的两边，剩下的 view 均匀分布。
- Weight：当对一个链使用 spread 或者 spread inside 时，如果将一个或者多个 view 设置为 match constraints(即在水平或者竖直方向上设置为0dp)，这些 view 将填充剩余的空间。默认的，空间被均匀分发给各个 view ，但是可以通过指定占比的方式改变这种行为，即通过改变layout_constraintHorizontal_weight 和layout_constraintVertical_weight 属性（注意，这里的属性前缀设置app，即app:layout_constraintHorizontal_weight="1"，而不是android）。如果你熟悉线性布局中的 layout_weight ，上面属性的工作方式和 layout_weight是一样的。因此，如果 view 有最高的比重，它将得到最大的空间。如果 view 拥有相同的比重，将获得相同的空间。
-
Packed：view 将被打包在一起（在指定了margin属性之后）。接着，你可以通过改变左边第一个 view 偏移的方式调整被打包的整条链的偏移。
为了能够快速创建一个链，首先需要选中要放入链中的 view，然后在 view 右键单击，接着选择对话框中的 Center Horizontally 或者 Center Vertically，来创建一个水平或者竖直方向的链。
创建链
自动创建约束
还可以将每个 view 放在你期望的位置上，然后点击 Infer Constraints 符号来自动创建所有约束。
Infer Constaints 会扫描布局，对所有 view 推断并使用一种最高效的方式来构建约束。
