ConstraintLayout中的chainstyle & guideline >

ConstraintLayout中的chainstyle & guideline

有时候容易忘记，摘抄记录一下。

参考博客：https://blog.csdn.net/cui130/article/details/89849807

1、chainstyle（链式）

属性 有水平和垂直之分：

• layout_constraintHorizontal_chainStyle 水平方向
• layout_constraintVertical_chainStyle 垂直方向

属性值 有三种：

• spread (默认) 如下：

  • 默认模式如下：

    

  • 使用weight方式如下：（layout_width=0dp）

    添加属性layout_constraintHorizontal_weight ,同理也有垂直方向的，可以自己尝试

    

• spread_inside

  

• packed

  • 捆绑在一起居中显示

    

  • 偏移显示

    添加属性layout_constraintHorizontal_bias

    

2、guideline（辅助线）

属性 辅助线也有垂直和水平之分，使用属性 orientation 来确定方向

• horizontal 辅助线为水平方向
• vertical 辅助线为垂直方向

确定辅助线的位置有三种属性：

• layout_constraintGuide_begin 水平方向为距离左边的距离；垂直方向为距离上边的距离

  app:layout_constraintGuide_begin="100dp"

• layout_constraintGuide_end 水平方向为距离右边的距离；垂直方向为距离下边的距离

  app:layout_constraintGuide_percent="0.6"

• layout_constraintGuide_percent 水平方向为从左向右占比；垂直方向为距离从上到下占比

  app:layout_constraintGuide_end="50dp"

上面举例如下：（垂直方向，水平方向同理）

3、代码如下：