Constraint Layout(一)--自动创建约束

本文使用的是Android Studio 3.0 (其他版本可能没有一些功能,或者看起来不太一样)

Constraint Layout使用约束来确定View在布局中的位置,约束表示对另一个View、父布局或不可见guideline的连接或对齐。创建约束有两种方式,一是手动创建,二是使用Android studio工具自动连接创建。

  1. 开启自动连接并切换到Designe标签下。Constraint Layout(一)--自动创建约束
  2. 拖拽ImageViewDesign view或者Blueprint view上,直到虚线出现。Constraint Layout(一)--自动创建约束
  3. 当看到从上到下以及从左到右的虚线的时候,释放鼠标按钮。将会看到蓝色的锯齿线,锯齿线表示约束,将ImageView的顶部、左侧、底部和右侧边缘连接到父视图的边缘。这时ImageView居中显示。Constraint Layout(一)--自动创建约束

约束自动添加到了ImageView的四个方向,现在可以通过
Constraint Layout(一)--自动创建约束调整ImageView的大小。

Constraint Layout(一)--自动创建约束 管理约束,ImageView的每一个方向上有个圆点,拖动到父布局的圆点或者其他View的圆点上创建约束,约束用锯齿线表示。

现在如果想让ImageView顶部对齐,那么可以把鼠标停留在底部的约束圆点上,直到约束线变成红色,然后单击圆点,删除底部约束线。

Constraint Layout(一)--自动创建约束
现在ImageView依然是水平居中,垂直方向,顶部与父布局对齐(因为垂直方向只有一个约束到顶部)

开启自动连接之后,可以将任何元素(如按钮)拖动到布局的任何部分以生成针对父布局的约束。

Constraint Layout(一)--自动创建约束
向布局添加一个按钮,选择布局中的按钮,并将其拖到右下角,如上所示,直到出现边和底边距的guidelines为止。当您在两个方向上看到guidelines时,释放按钮,按钮自动地向guidelines对齐。

两个约束将自动添加按钮上(相对于父布局),并且有默认的guidelines margin值(16dp)
Constraint Layout(一)--自动创建约束