View 使用 - ConstraintLayout

原创

已于 2023-11-08 22:27:58 修改 · 2.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#android

于 2023-05-05 23:52:44 首次发布

本文详细介绍了如何使用ConstraintLayout解决布局嵌套问题，包括通过方向约束定位控件，设置对齐、角度、居中偏移和边距，以及控制尺寸的最大最小值。此外，还讲解了约束链、屏障、组、占位、流式布局、层布局等高级特性，帮助开发者更好地理解和运用ConstraintLayout。

一、概念

解决布局嵌套过多的问题，采用方向约束的方式对控件进行定位。

二、位置

2.1 对齐

至少要保证水平和垂直方向都至少有一个约束才能确定控件的位置。

layout_constraintLeft_toLeftOf	我的左边，与XXX左边对齐。
layout_constraintLeft_toRightOf	我的左边，与XXX右边对齐。
layout_constraintRight_toRightOf	我的右边，与XXX右边对齐。
layout_constraintRight_toLeftOf	我的右边，与XXX左边对齐。
layout_constraintTop_toTopOf	我的顶部，与XXX顶部对齐。
layout_constraintTop_toBottomOf	我的顶部，与XXX底部对齐。
layout_constraintBottom_toBottomOf	我的底部，与XXX底部对齐。
layout_constraintBottom_toTopOf	我的底部，与XXX顶部对齐。
layout_constraintBaseline_toBaselineOf	我的文本基线，与XXX文本基线对齐。

2.2 角度

正上方是0°，顺时针角度为正。

layout_constraintCircle="@tvName"	目标控件ID
layout_constraintCircleRadius="70"	半径
layout_constraintCircleAngle="42"	角度（0~360）

2.3 居中偏移

在水平或垂直方向上的百分比位置，默认值为0.5居中。

layout_constraintHorizontal_bias="0.3"
layout_constraintVertical_bias="0.2"

<TextView
    app:layout_constraintTop_toBottomOf="@id/tv2"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintHorizontal_bias="0.3"    //水平30%位置
    app:layout_constraintVertical_bias="0.2"/>    //垂直20%位置

2.4 边距

GoneMargin：当依赖的目标 View 可见性被设为 gone 时，该设置才会生效来占位。

android:layout_margin="0dp" android:layout_marginStart="0dp" android:layout_marginLeft="0dp" android:layout_marginTop="0dp" android:layout_marginEnd="0dp" android:layout_marginRight="0dp" android:layout_marginBottom="0dp"	外边距
android:padding="0dp" android:paddingStart="0dp" android:paddingLeft="0dp" android:paddingTop="0dp" android:paddingEnd="0dp" android:paddingRight="0dp" android:paddingBottom="0dp"	内边距
app:layout_goneMarginBottom="0dp" app:layout_goneMarginEnd="0dp" app:layout_goneMarginLeft="0dp" ap