ConstraintLayout 约束布局

约束布局

约束布局和之前的那些布局有些不一样

新建一个项目，发现自带的HelloWorld代码中用的就是ConstraintLayout约束布局

约束布局一般不用我们去写，直接在Design中进行布局

比如我们要删除helloworld，直接鼠标选中然后按del键删除

又或是要添加一个按钮，直接拖拽左上角Button放进布局中

但是此时这个Button并不会按照这个预览中一样在这个位置

run一下

发现这个Button还是在左上角

可见，如果我们没有对这个Button进行约束条件，那么它也默认放在左上角

那么怎么对这个Button进行约束呢？

点击那个圈圈拖拽，比如我们拖拽到右下角

run一下就会在右下角了

同理，上下左右都约束一下，就会居中了

想让俩个Button贴一块，可以把想要靠着的边上的圈圈拖一起，侧边也拖一起

想要有间距就拉一下

当然，直接在代码里面写也可

也可在左边Attributes中精调

如：

如果我要设置俩个按钮，相对于正中垂直对齐，怎么设置？

这个时候我们就需要一个指导线

       这里这个三角形可以点击切换

我们切换至百分比，然后拖动

放入俩个按钮

高度也约束一下

别忘了还要对上下也约束一下

这里是显示所有约束

这个是清除所有约束，右边那个是自动推导约束

推导约束直接自动按照当前的布局推导出约束，直接就能run出我们想要的样子，十分方便