之前已经提到了六大基础布局的最常见的两种,其余四种百度都有完整的教程,不多提及了。但是在布局的最后想提一下这个突然崛起的约束布局。

很多人说现在使用线性布局代码提示都没了,这是因为2.3之后官方其实更推荐使用约束布局,所以关掉了线性布局的关联提示。

1.什么是ConstraintLayout

这是谷歌2016年推出的一种新的布局方式。扁平式的布局方式,没有任何嵌套,同时减少布局的层级,优化了渲染性能。毫无疑问,未来的安卓原生开发中它会出现得越来越多,因为它几乎集成了之前提到的所有布局的优点(线性,相对,百分比)。

如果说之前的布局都不适合用可视化编辑的,而是只能使用xml代码化编辑,那么ConstraintLayout就是非常适合可视化编辑的。

2.初试使用

要想使用,gradle脚本必须添加如下的依赖。

compile 'com.android.support.constraint:constraint-layout:1.0.2'

xml代码中将之前的Relativelayout或者LinearLayout换成Constraintlayout。(也可以界面替换)

切换工作模式为可视化编辑,点击如下。这种工作方式下组件的添加为拖动加入。

安卓入门系列-06常见布局之ConstraintLayout(约束布局)-LMLPHP

工作画面如下。左边是预览界面(看最终效果),右边是蓝图界面(看约束情况)。

安卓入门系列-06常见布局之ConstraintLayout(约束布局)-LMLPHP

可以看到,每一个控件四周都有一个圆圈,用来添加约束(可以是布局也可以是兄弟控件)。

删除约束的方法也简单,鼠标移至约束所在组件的圆圈上方,待圆圈变红之后单击。(如下图)

安卓入门系列-06常见布局之ConstraintLayout(约束布局)-LMLPHP

3.简单使用

选中会出现属性界面,特别是上方的Inspector需要熟悉。

安卓入门系列-06常见布局之ConstraintLayout(约束布局)-LMLPHP

控制两个按钮居中。

安卓入门系列-06常见布局之ConstraintLayout(约束布局)-LMLPHP

10-03 20:53