RecyclerView Item布局：ConstraintLayout设Details为Gone后，如何让Title占用空出空间？

嘿，这个问题我之前做RecyclerView列表项时也踩过坑！ConstraintLayout处理Gone视图的空间复用，关键在于正确设置垂直约束链和高度属性，下面给你一步步讲清楚怎么改：

核心思路 #

当把Details设为Gone后，要让Title自动填充它空出的垂直空间，需要让Title的高度由约束动态决定，而不是固定的wrap_content，同时确保垂直约束是连续的。

具体调整方案 #

1. 修正垂直约束关系 #

确保你的Title和Details的垂直约束是链式绑定的：

• Title的顶部绑定到父布局顶部（或CheckBox的底部，根据你的布局结构）
• Title的底部绑定到Details的顶部
• Details的底部绑定到父布局底部（或图片的顶部）
• 给Title设置android:layout_height="0dp"（也就是match_constraint），并添加app:layout_constraintVertical_weight="1"

2. 调整后的完整示例XML #

假设你的布局是左CheckBox、中间垂直排列的Title/Details、右图片，调整后的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="8dp">

    <!-- 左侧CheckBox -->
    <CheckBox
        android:id="@+id/item_checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <!-- 中间Title -->
    <TextView
        android:id="@+id/item_title"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="示例标题"
        android:textSize="16sp"
        android:textStyle="bold"
        app:layout_constraintStart_toEndOf="@+id/item_checkbox"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/item_details"
        app:layout_constraintEnd_toStartOf="@+id/item_image"
        app:layout_constraintVertical_weight="1"
        android:layout_marginStart="8dp"/>

    <!-- 中间Details -->
    <TextView
        android:id="@+id/item_details"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="示例详情文本"
        android:textSize="14sp"
        android:textColor="@android:color/darker_gray"
        app:layout_constraintStart_toEndOf="@+id/item_checkbox"
        app:layout_constraintTop_toBottomOf="@+id/item_title"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/item_image"
        android:layout_marginStart="8dp"
        android:layout_marginTop="4dp"/>

    <!-- 右侧图片 -->
    <ImageView
        android:id="@+id/item_image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:scaleType="centerCrop"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:src="@drawable/ic_launcher_background"/>

</android.support.constraint.ConstraintLayout>

3. 关键设置解释 #

• Title高度设为0dp：让ConstraintLayout根据上下约束来动态计算高度，而不是只包裹内容。
• 垂直权重layout_constraintVertical_weight="1"：当Details存在时，Title会占据除了Details高度之外的所有垂直空间；当Details设为Gone后，Title会自动拉伸填充整个可用垂直空间。
• 连续的垂直约束：Title底部绑定到Details顶部，Details底部绑定到父布局，这样当Details消失时，ConstraintLayout会自动把Title的底部约束替换为父布局底部，无缝填充空间。

4. 可选优化：Gone Margin #

如果想在Details消失时给Title底部加一点边距，避免贴得太近，可以给Title加上：

app:layout_goneMarginBottom="8dp"

这样当Details设为Gone时，Title底部会自动多出8dp的边距，布局更美观。

内容的提问来源于stack exchange，提问作者user101530