ConstraintLayout中约束目标设为View.GONE的布局处理咨询

这个问题我之前也碰到过！ConstraintLayout为这种场景专门提供了解决方案，不用再担心布局错乱啦，下面给你几种实用的处理方式：

1. 优先使用Gone Margins（消失边距） #

这是最直接的方案，当你的约束目标变为View.GONE时，goneMargin属性会自动替代原来的margin生效，帮你维持布局的合理性。

举个实际的布局示例：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="30dp">

    <!-- 可能会被设为GONE的目标视图 -->
    <TextView
        android:id="@+id/target_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我可能会消失"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <!-- 依赖目标视图的视图 -->
    <TextView
        android:id="@+id/dependent_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我依赖上面的视图"
        android:layout_marginStart="16dp"
        <!-- 当target_view消失时，左边的margin会替换成24dp -->
        app:layout_goneMarginStart="24dp"
        app:layout_constraintStart_toEndOf="@+id/target_view"
        app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

你可以根据约束方向选择对应的goneMargin属性：layout_goneMarginStart/layout_goneMarginEnd/layout_goneMarginTop/layout_goneMarginBottom，完全覆盖四个方向的需求。

2. 用Barrier（屏障）处理多依赖场景 #

如果你的视图依赖多个可能消失的视图，用Barrier会更灵活。Barrier会自动追踪引用的多个视图的边界，当其中某个视图消失时，Barrier会自动调整到剩余视图的对应边界，你的依赖视图只需要约束到Barrier即可。

示例代码：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="30dp">

    <TextView
        android:id="@+id/view1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="视图1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <TextView
        android:id="@+id/view3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="视图3"
        app:layout_constraintStart_toEndOf="@+id/view1"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginStart="8dp"/>

    <!-- 屏障，追踪view1和view3的end边界 -->
    <androidx.constraintlayout.widget.Barrier
        android:id="@+id/barrier"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:barrierDirection="end"
        app:constraint_referenced_ids="view1,view3"/>

    <!-- 依赖屏障的视图 -->
    <TextView
        android:id="@+id/view2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我依赖屏障"
        android:layout_marginStart="16dp"
        app:layout_constraintStart_toEndOf="@+id/barrier"
        app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

不管view1还是view3消失，Barrier都会自动调整位置，view2的布局始终保持合理。

3. 代码动态调整约束（复杂场景） #

如果需要更定制化的逻辑，比如根据不同的可见性状态切换完全不同的约束关系，可以在代码里动态修改ConstraintSet：

val constraintLayout = findViewById<ConstraintLayout>(R.id.main_layout)
val targetView = findViewById<TextView>(R.id.target_view)
val dependentView = findViewById<TextView>(R.id.dependent_view)

// 当目标视图设为GONE时，重新设置依赖视图的约束
TransitionManager.beginDelayedTransition(constraintLayout) // 加上这个可以实现平滑过渡
targetView.visibility = View.GONE

val constraintSet = ConstraintSet()
constraintSet.clone(constraintLayout)
// 将dependentView的左边约束到父布局的start，同时设置margin
constraintSet.connect(dependentView.id, ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START, 24.dpToPx())
constraintSet.applyTo(constraintLayout)

// 扩展函数：dp转px
fun Int.dpToPx(): Int {
    return (this * Resources.getSystem().displayMetrics.density).toInt()
}

以上几种方式基本能覆盖大部分场景，优先用Gone Margins，简单高效；多依赖用Barrier；复杂逻辑再考虑代码动态调整～

内容的提问来源于stack exchange，提问作者Cheok Yan Cheng