安卓入门系列-06常见布局之ConstraintLayout（约束布局）

约束布局（ConstraintLayout）的使用

• 背景
  • 之前已经提到了六大基础布局的最常见的两种，其余四种百度都有完整的教程，不多提及了。但是在布局的最后想提一下这个突然崛起的约束布局。
  • 很多人说现在使用线性布局代码提示都没了，这是因为2.3之后官方其实更推荐使用约束布局，所以关掉了线性布局的关联提示。
• 什么是ConstraintLayout
  • 这是谷歌2016年推出的一种新的布局方式。扁平式的布局方式，没有任何嵌套，同时减少布局的层级，优化了渲染性能。毫无疑问，未来的安卓原生开发中它会出现得越来越多，因为它几乎集成了之前提到的所有布局的优点（线性，相对，百分比）。
  • 如果说之前的布局都不适合用可视化编辑的，而是只能使用xml代码化编辑，那么ConstraintLayout就是非常适合可视化编辑的。
• 初试使用
  • 要想使用，gradle脚本必须添加如下的依赖。（新版本默认添加）
    • compile 'com.android.support.constraint:constraint-layout:1.0.2'
  • xml代码中将之前的Relativelayout或者LinearLayout换成Constraintlayout。（也可以界面替换）
    -切换工作模式为可视化编辑，点击如下。这种工作方式下组件的添加为拖动加入。
  • 工作画面如下。左边是预览界面（看最终效果），右边是蓝图界面（看约束情况）。
    • 
  • 可以看到，每一个控件四周都有一个圆圈，用来添加约束（可以是布局也可以是兄弟控件）。
  • 删除约束的方法也简单，鼠标移至约束所在组件的圆圈上方，待圆圈变红之后单击。（如下图）
• 简单使用
  • 选中会出现属性界面，特别是上方的Inspector需要熟悉。
  • 控制两个按钮居中。
    • 
  • 运行结果
    •