Android响应式布局调整：linearProgress隐藏时修改tvQuestion约束

方案1：使用ConstraintLayout的Barrier（推荐，无需代码） #

纯XML就能实现，是最简洁的方案。核心思路是用Barrier作为tvQuestion的顶部锚点，Barrier会自动跟随引用组件的底部位置：

• 当linearProgress可见时，Barrier贴合它的底部
• 当linearProgress设为gone时，Barrier自动切换到tvQuestionNumber的底部

示例完整布局代码：

<androidx.constraintlayout.widget.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="match_parent">

    <TextView
        android:id="@+id/tvQuestionNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第1题"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:marginStart="16dp"
        android:marginTop="16dp"/>

    <ProgressBar
        android:id="@+id/linearProgress"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        app:layout_constraintTop_toBottomOf="@id/tvQuestionNumber"
        android:marginTop="8dp"
        android:marginHorizontal="16dp"/>

    <!-- 关键：添加底部方向的Barrier，引用两个组件 -->
    <androidx.constraintlayout.widget.Barrier
        android:id="@+id/barrier"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:barrierDirection="bottom"
        app:constraint_referenced_ids="tvQuestionNumber,linearProgress"/>

    <TextView
        android:id="@+id/tvQuestion"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这是题目内容"
        app:layout_constraintTop_toBottomOf="@id/barrier"
        android:marginTop="16dp"
        android:marginHorizontal="16dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

方案2：代码中动态修改约束（适合灵活控制场景） #

如果需要结合业务逻辑动态调整，可通过ConstraintSet修改tvQuestion的顶部约束：

Kotlin 示例 #

val linearProgress = findViewById<ProgressBar>(R.id.linearProgress)
val tvQuestion = findViewById<TextView>(R.id.tvQuestion)
val rootLayout = findViewById<ConstraintLayout>(R.id.root_layout)

// 根据需求调用此方法切换进度条可见性及约束
fun updateProgressVisibility(isVisible: Boolean) {
    linearProgress.visibility = if (isVisible) View.VISIBLE else View.GONE

    val constraintSet = ConstraintSet()
    constraintSet.clone(rootLayout)

    // 切换约束目标
    val targetId = if (isVisible) R.id.linearProgress else R.id.tvQuestionNumber
    constraintSet.connect(
        R.id.tvQuestion, ConstraintSet.TOP,
        targetId, ConstraintSet.BOTTOM,
        resources.getDimensionPixelSize(R.dimen.margin_16dp) // 保留顶部margin
    )

    constraintSet.applyTo(rootLayout)
}

Java 示例 #

ProgressBar linearProgress = findViewById(R.id.linearProgress);
TextView tvQuestion = findViewById(R.id.tvQuestion);
ConstraintLayout rootLayout = findViewById(R.id.root_layout);

public void updateProgressVisibility(boolean isVisible) {
    linearProgress.setVisibility(isVisible ? View.VISIBLE : View.GONE);

    ConstraintSet constraintSet = new ConstraintSet();
    constraintSet.clone(rootLayout);

    int targetId = isVisible ? R.id.linearProgress : R.id.tvQuestionNumber;
    constraintSet.connect(
        R.id.tvQuestion, ConstraintSet.TOP,
        targetId, ConstraintSet.BOTTOM,
        getResources().getDimensionPixelSize(R.dimen.margin_16dp)
    );

    constraintSet.applyTo(rootLayout);
}

方案3：双布局切换（不推荐，冗余） #

可以创建两个布局文件，一个包含linearProgress，一个不包含，通过LayoutInflater切换显示。但这种方式会增加布局冗余，仅适合存在其他复杂布局差异的场景。

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