2.4 约束布局

在开发过程中经常能遇到一些复杂的UI，可能会出现布局嵌套过多的问题，嵌套得越多，设备绘制视图所需的时间和计算功耗也就越多。

考虑到了嵌套布局带来的风险，所以用一个相对布局RelativeLayout来装下所有的控件。那么有没有比RelativeLayout使用更灵活，性能更出色的布局呢？

有——那就是约束布局。

那什么是约束布局呢？百度查一下！

参考度娘帮我们找到的信息，结合书本内容归纳如下3个方面。

1、约束布局的概念

2、约束布局常用属性

3、约束布局实现

1、约束布局的概念

作为AndroidStudio开发环境的默认布局

约束将Source和Target连接在一起，Source相对Target的位置是固定的。

为视图添加约束，首先从Design 界面的 Palette 操作栏拖动一个 Button 到蓝图中，添加完后，点击选中它，效果是这样的。

可以看到，上下左右都有一个小圆圈，这个圆圈就是用来添加约束的。

四个角的矩形，是用来扩大或缩小控件的。

为控件添加约束条件时，最少需要两个约束条件（左上、左下、右上、右下）

2、约束布局常用属性，共12种

layout_constraintTop_toTopOf       // 将所需视图的顶部与另一个视图的顶部对齐。

layout_constraintTop_toBottomOf    // 将所需视图的顶部与另一个视图的底部对齐。

layout_constraintBottom_toTopOf    // 将所需视图的底部与另一个视图的顶部对齐。

layout_constraintBottom_toBottomOf // 将所需视图的底部与另一个视图的底部对齐。

layout_constraintLeft_toTopOf      // 将所需视图的左侧与另一个视图的顶部对齐。

layout_constraintLeft_toBottomOf   // 将所需视图的左侧与另一个视图的底部对齐。

layout_constraintLeft_toLeftOf     // 将所需视图的左边与另一个视图的左边对齐。

layout_constraintLeft_toRightOf    // 将所需视图的左边与另一个视图的右边对齐。

 layout_constraintRight_toTopOf     //  将所需视图的右边到另一个视图的顶部对齐

layout_constraintRight_toBottomOf  //  将所需视图的右边到另一个视图的底部对齐。

layout_constraintRight_toLeftOf    // 将所需视图的右边与另一个视图的左边对齐。

3、约束布局如何使用？

1.首先在约束布局中的控件四周都会有四个小白点，每一个白点代表着这个控件对齐那一边，比如把左边这个小白点拖到屏幕左边，控件就左对齐了。

2.每当两个在同一个轴线上的小白点被固定，那他就相对固定的那个控件居中了。

3.每个控件必须要同时固定一个不相邻的点，才能确定位置，不然在程序运行的时候会有位置错误。

4.约束布局是可以叠加控件的