ConstraintLayout中如何实现InputLayout仅在空间充足时垂直居中？

嗨，我完全懂你的困扰——想让两个InputLayout在视图空间足够时垂直居中，空间不够时就乖乖跟在TextView下方，别和上面的ImageView重叠，对吧？其实ConstraintLayout是支持类似iOS的约束优先级的，只是你可能没用到正确的属性，下面给你一个直接可行的实现方案：

核心思路 #

我们给InputLayout设置两组约束：

1. 高优先级约束：让InputLayout的顶部紧贴TextView底部，底部可选贴父布局底部（优先级默认1000，强制生效）
2. 低优先级约束：让InputLayout垂直居中于父布局（优先级设为750，只有当高优先级约束能满足时才会生效）

这样当空间充足时，低优先级的居中约束会生效；当空间不足（比如小屏幕、软键盘弹出），高优先级的顶部约束会强制InputLayout待在TextView下方，避免重叠。

具体布局代码示例 #

<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">

    <!-- 顶部固定的ImageView -->
    <ImageView
        android:id="@+id/top_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/your_image"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <!-- 顶部固定的TextView -->
    <TextView
        android:id="@+id/top_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你的提示文本"
        android:layout_marginTop="16dp"
        app:layout_constraintTop_toBottomOf="@id/top_image"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <!-- 第一个InputLayout -->
    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/input_layout_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="16dp"
        android:layout_marginTop="16dp"
        <!-- 高优先级：顶部紧贴TextView底部 -->
        app:layout_constraintTop_toBottomOf="@id/top_text"
        app:layout_constraintBottom_toTopOf="@id/input_layout_2"
        <!-- 链式约束让两个InputLayout紧密排列 -->
        app:layout_constraintVertical_chainStyle="packed"
        <!-- 低优先级：垂直居中于父布局 -->
        app:layout_constraintVertical_centerToVertical="parent"
        app:layout_constraintPriority="750"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入框1"/>
    </com.google.android.material.textfield.TextInputLayout>

    <!-- 第二个InputLayout -->
    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/input_layout_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="16dp"
        android:layout_marginTop="8dp"
        app:layout_constraintTop_toBottomOf="@id/input_layout_1"
        <!-- 高优先级：底部可选贴父布局 -->
        app:layout_constraintBottom_toBottomOf="parent"
        <!-- 低优先级：垂直居中于父布局 -->
        app:layout_constraintVertical_centerToVertical="parent"
        app:layout_constraintPriority="750"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入框2"/>
    </com.google.android.material.textfield.TextInputLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

代码解释 #

• 顶部控件固定：ImageView和TextView的约束都是高优先级（默认1000），确保它们始终贴在父布局顶部，彼此之间有margin，不会被挤压重叠。
• InputLayout链式约束：用app:layout_constraintVertical_chainStyle="packed"让两个InputLayout紧密排列，作为一个整体处理。
• 优先级控制：给居中约束设置app:layout_constraintPriority="750"（低于默认的1000），这样只有当父布局高度足够容纳所有控件（顶部控件+InputLayout）时，居中约束才会生效；当空间不足时，高优先级的顶部约束会强制InputLayout待在TextView下方，避免和上面的控件重叠。

如果你想要更灵活的控制，还可以结合app:layout_constraintVertical_bias或者动态调整约束集，但上面的方案已经能解决你的核心需求啦。

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