不管三七二十一，来张官方的截图
官方链接：https://developer.android.google.cn/reference/android/support/constraint/ConstraintLayout
官方文档说的很清楚了：ConstraintLayout是个ViewGroup,可以灵活的方式定位和调整，这句话很重要。
1.ConstraintLayout能够解决什么问题？
一句话加一说明：解决在开发过程中布局过多嵌套问题。
2.如何使用ConstraintLayout？
从androidstudio2.3起，官方模板默认就已经使用了ConstraintLayout，如果还有老铁默认不是ConstraintLayout，那就赶紧升级as吧。怪我咯！！！！！！
3.使用
相对定位
定位常用属性：
- layout_constraintLeft_toLeftOf
- layout_constraintLeft_toRightOf
- layout_constraintRight_toLeftOf
- layout_constraintRight_toRightOf
- layout_constraintTop_toTopOf
- layout_constraintTop_toBottomOf
- layout_constraintBottom_toTopOf
- layout_constraintBottom_toBottomOf
- layout_constraintBaseline_toBaselineOf
- layout_constraintStart_toEndOf
- layout_constraintStart_toStartOf
- layout_constraintEnd_toStartOf
*layout_constraintEnd_toEndOf
app:layout_constraintLeft_toRightOf 在目标元素的右侧
app:layout_constraintTop_toBottomOf 在目标元素下方
app:layout_constraintLeft_toLeftOf="parent" 在父元素左边
app:layout_constraintRight_toRightOf="parent" 在父元素右边
app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent"同时使用
app:layout_constraintBaseline_toBaselineOf 文本对齐
TextView1高度为150dp
TextView2高度50dp
如果不设置app:layout_constraintBaseline_toBaselineOf 应该是这样显示的
设置app:layout_constraintBaseline_toBaselineOf 之后显示是这样的 ，使文本对齐了
角度定位
概念：就是用一个角度，和距离来约束两个物理的位置。
app:layout_constraintCircle 目标位置
app:layout_constraintCircleAngle="120" 角度
app:layout_constraintCircleRadius="180dp" 距离
翻译过来就是：TextView2的中心位置在TextView1中心120度，距离为150dp处
边距 margin
ConstraintLayout的边距常用属性如下：
- android:layout_marginStart
- android:layout_marginEnd
- android:layout_marginLeft
- android:layout_marginTop
- android:layout_marginRight
- android:layout_marginBottom
发现我设置了android:layout_marginLeft="20dp" android:layout_marginTop="20dp"竟然没有效果， 在ConstraintLayout 里面要实现margin ,必须先约束该控件在ConstraintLayout 中的位置，如下如
特别注意： 1。直接给TextView1 设置 android:layout_marginLeft="20dp" 和 android:layout_marginTop="20dp" 单独在ConstraintLayout里面不生效的。 2。必须要给TextView1 约束一个相对位置。
goneMargin的使用
goneMargin主要用于约束的控件可见性被设置为gone的时候使用的margin值，属性如下：
- layout_goneMarginStart
- layout_goneMarginEnd
- layout_goneMarginLeft
- layout_goneMarginTop
- layout_goneMarginRight
- layout_goneMarginBottom
layout_goneMarginLeft 举例说明
当我把TextView2 设置 app:layout_goneMarginLeft="20dp" ，把TextView1 分别 设置android:visibility="gone"，和TextView1 设置 android:visibility="visible" 前后对比效果
当我把TextView1设置gone时，TextView2的app:layout_goneMarginLeft="20dp"就生效了
居中和偏移
在RelativeLayout，常用 android:layout_centerHorizontal="true" android:layout_centerVertical="true"，使控件在父布局中水平居中，或者垂直居中。
在ConstraintLayout 使用
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
当把TextView1 设置为水平时，还可以设置android:layout_marginLeft="30dp"
当把TextView1设置属性app:layout_constraintHorizontal_bias="0.3"时
注意：app:layout_constraintHorizontal_bias 取值范围为0-1，为0时，显示在布局最左侧，为1时，显示在布局最右侧，为0.5时，居中显示
app:layout_constraintVertical_bias=""同理可证，忽略了，约束的方向则变成了上和下即可。
尺寸约束
官方不推荐在ConstraintLayout中使用match_parent，可以设置 0dp
TextView1宽度设为0dp，左右两边约束parent的左右两边，并设置左边边距为60dp
设置宽高比
当宽或高至少有一个尺寸被设置为0dp时，可以通过属性
layout_constraintDimensionRatio来设置宽高比
注意：app:layout_constraintDimensionRatio不能单独使用 ，需要给该控件约束位置，例如给该控制设置app:layout_constraintLeft_toLeftOf="parent" 配合 app:layout_constraintDimensionRatio="1:1" 才有效果
链
3个TextView相互约束，两端两个TextView分别与parent约束，成为一条链
看这效果图：就是等分啊
一条链的第一个控件是这条链的链头，我们可以在链头中设置
layout_constraintHorizontal_chainStyle来改变整条链的样式。chains提供了3种样式，分别是：
spread—— 展开元素 (默认)；
spread_inside—— 展开元素，链的两端贴近parent；
packed—— 链的元素将被打包在一起。
如图所示：
当把3个TextView 的layout_width 设置为0dp时
当把layout_width 设置为0dp时，配合layout_constraintHorizontal_weight(constraintVertical为纵向)使用，又就是权重链
Barrier使用
如上图：假设有三个控件ABC,C在AB的右边，但是AB的宽是不固定的，这个时候C无论约束在A的右侧，还是约束在B的右侧都是不对，当出现这种情况的时候怎么办？ 可以使用Barrier来解决，Barrier 可以在多个控件的一侧建立一个屏障，如下图所示：
app:constraint_referenced_ids ： 目标控件，可以设置多个（用,隔开）
app:barrierDirection ： 位置 bottom ,end , left , right ,start ,top
Group
作用：顾名思义就是一个控件组，就是把多个控件放在一个篮子里。
可以设置android:visibility="invisible" 和android:visibility="gone"都是可以的
app:constraint_referenced_ids ：目标控件id
Placeholder 占位符
在Placeholder中可使用setContent()设置另一个控件的id，使这个控件移动到占位符的位置
从上面的代码可以看出 新建Placeholder 在屏幕的左边 ，新建TextView1在屏幕右边，当设置Placeholder 属性android:text="TextView1"时，TextView1就会显示在Placeholder 占位符的里面
Guideline使用
Guildline可以看做是辅助线，在预览的时候帮助你完成布局（不会显示在界面上）。
Guildline的属性：
android:orientation 垂直vertical，水平horizontal
layout_constraintGuide_begin 开始位置
layout_constraintGuide_end 结束位置
layout_constraintGuide_percent 距离顶部的百分比(orientation = horizontal时则为距离左边)
设置app:layout_constraintGuide_begin="50dp
当设置app:layout_constraintGuide_begin=50dp时，可以从下图可以看出它的起始位置为屏幕顶部开始。下面有白色间隙，是因为TextView1设置的高度为45dp ,为了把这种效果看的更清楚一点。
设置app:layout_constraintGuide_end=50dp
当设置app:layout_constraintGuide_end=50dp时，可以从下图可以看出它的起始位置为屏幕底部开始。下面有白色间隙，是因为TextView1设置的高度为45dp ,为了把这种效果看的更清楚一点。
设置app:layout_constraintGuide_percent=0.5
注意app:layout_constraintGuide_percent的取值为0-1
好了，到此为止，ConstraintLayout 基础使用差不多就介绍完了，使用ConstraintLayout 可以看出在布局方面确实可以减少多层嵌套