ConstraintLayout中按条件显隐按钮并消除空白间距问题

看起来你遇到了ConstraintLayout布局里的常见问题：当你把Button3设置为不可见后，它原来占据的位置没有被下方的TextView填补，导致出现了多余的空白。这是因为你的控件布局都是基于父布局的固定偏移（vertical_bias）来定位的，而不是通过控件之间的依赖约束串联起来的。

下面是具体的修复方案：

核心修复思路 #

放弃让所有控件绑定到父布局的上下边缘，改为让Button2、Button3、下方TextView建立链式依赖约束，同时确保隐藏Button3时使用GONE而不是INVISIBLE

步骤1：重构Button2的约束 #

原来的Button2是通过vertical_bias固定在父布局的某个位置，现在改成依赖上方Button1的底部：

<Button
    android:id="@+id/end"
    android:layout_width="200dp"
    android:layout_height="35dp"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginBottom="8dp"
    android:background="@drawable/yes_button"
    android:text="Button 2"
    android:textColor="#fff"
    android:textSize="15dp"
    android:textStyle="bold"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/shift" />

步骤2：重构Button3的约束 #

让Button3依赖Button2的底部，同时移除和父布局底部的绑定：

<Button
    android:id="@+id/freeThisTable"
    android:layout_width="200dp"
    android:layout_height="35dp"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginBottom="8dp"
    android:background="@drawable/yes_button"
    android:text="Button 3"
    android:textColor="#fff"
    android:textSize="15dp"
    android:textStyle="bold"
    android:visibility="gone" <!-- 默认隐藏，代码中动态切换 -->
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/end" />

步骤3：重构下方TextView的约束 #

让TextView依赖Button3的底部，这样当Button3隐藏时，TextView会自动上移到Button2的底部：

<TextView
    android:id="@+id/isBdayText"
    android:visibility="visible"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginBottom="8dp"
    android:text="Hello"
    android:textColor="@color/textTitles"
    android:textSize="18sp"
    app:layout_constraintStart_toStartOf="@+id/guideline32"
    app:layout_constraintTop_toBottomOf="@+id/freeThisTable" />

步骤4：代码中正确设置可见性 #

在Fragment中判断条件时，一定要用View.GONE而不是View.INVISIBLE——INVISIBLE只是隐藏控件，但仍会占据布局空间，GONE会完全移除控件的布局占位：

Button freeTableBtn = getView().findViewById(R.id.freeThisTable);
if (yourCondition) {
    freeTableBtn.setVisibility(View.VISIBLE);
} else {
    freeTableBtn.setVisibility(View.GONE);
}

这样调整后，当Button3隐藏时，下方的TextView会自动填补它的位置，不会留下空白啦！

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