ConstraintLayout其实很简单 ConstraintLayout其实很简单

我用的是as2.3.3，这个版本已经自动引用的依赖，将constraintLayout作为主页面的根布局，这已经说明了constrainLayout的重要性。刚开始觉得这个布局有什么好啊，谷歌竟然将他变成根布局，于是自己在网上看了很多前辈的博客，这里也记录一下自己怎么快速入门的和自己踩过的那些坑。个人觉得开始不要使用design界面拖拽，先用text的代码敲敲比较好，好了先讲主要的命令
其实他主要有这几个属性就可以确定一个控件的位置:

layout_constraint[本源位置]_[目标位置]=”[目标ID]”
例如
1、app:layout_constraintBottom_toBottomOf=”@+id/button1”
2、app:layout_constraintLeft_toRightOf=”@+id/button1”
还有很多等等，
我说说这些命令的意思吧，第一个表示我这个控件的底部跟button1的底部相平，这也表示控件下面的约束，第二个表示这个控件的左边放在button1的右边，这也表示控件下面的约束，当然也可以写成为parent，这个的意思就是相对于父布局。
就单单这个命令使用两次就可以确定这个控件的位置，可以是左和上，左和下，右和上，右和下，只要确定了其中的一组就可以确定自身的位置了。可以看看上面的那两行代码，左下约束于button1，表示他在button1的右边并且底部跟这个button持平。大家可以改成parent试试，效果很明显。

文章图片
位置确定了，再来看看一个比较常用的，居中属性

【ConstraintLayout其实很简单】这是我自定义的一个控件，大家别介意，首先我们可以看到app:layout_constraintLeft_toLeftOf=”parent”
app:layout_constraintTop_toTopOf=”parent”这两个属性就可以把控件定位到左上方，而后面又加上约束右边的代码，是的，只要加上相反方向的属性就可以居中了，现在他的位置是这样的。