ConstraintLayout中TextView遮挡EditText的问题求助

问题场景 #

我是Android开发新手，在使用ConstraintLayout时遇到如下问题：
布局内包含一个可滚动的TextView和一个EditText：

• TextView设置了android:scrollbars="vertical"，并通过代码textView.setMovementMethod(new ScrollingMovementMethod());实现滚动，顶部约束到父布局顶部，高度设为wrap_content
• EditText顶部约束到TextView底部，高度为wrap_content

当前问题：当TextView文本过多时，会占满整个布局，完全遮挡EditText。

需求：

• 1. 文本较少时，TextView随内容高度增长，同时推动EditText下移
• 2. 文本过多超出剩余可用空间时，EditText保持可见，TextView填充剩余空间并显示滚动条
• 3. TextView为空时完全隐藏（不占布局空间），此时EditText自动移到布局顶部

当前布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/black"
    tools:context=".Holly6000MonitorFragment">

    <TextView
        android:id="@+id/holly6000MonitorTV"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:fontFamily="@font/holly6000_font"
        android:gravity="bottom"
        android:scrollbars="vertical"
        android:text=""
        android:textColor="@color/green"
        android:textSize="24sp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <EditText
        android:id="@+id/holly6000MonitorET"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="0dp"
        android:background="@color/light_red"
        android:cursorVisible="true"
        android:inputType="text"
        android:maxLines="1"
        android:minEms="5"
        android:textAlignment="center"
        android:textColor="@color/green"
        android:textCursorDrawable="@drawable/cursor_drawable"
        android:textSize="21sp"
        android:text="EditText"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/holly6000MonitorTV"/>

</androidx.constraintlayout.widget.ConstraintLayout>

解决方案 #

1. 调整布局约束与TextView属性 #

要满足所有需求，需要对TextView和EditText的约束做以下修改：

• 将TextView的android:layout_height改为0dp（约束高度），让它通过约束控制高度
• 给TextView添加app:layout_constraintBottom_toTopOf="@id/holly6000MonitorET"，将底部约束到EditText顶部，限制其最大高度
• 添加app:layout_constrainedHeight="true"，确保TextView不会突破约束范围挤压EditText
• 添加android:minHeight="0dp"，允许TextView在内容为空时高度收缩至0
• 将EditText的app:layout_constraintBottom_toBottomOf="parent"，让它始终固定在布局底部

2. 处理TextView为空时隐藏 #

在代码中监听TextView的文本变化，当内容为空时设置为GONE，非空时设为VISIBLE：

holly6000MonitorTV.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        holly6000MonitorTV.setVisibility(s.length() == 0 ? View.GONE : View.VISIBLE);
    }

    @Override
    public void afterTextChanged(Editable s) {}
});

调整后的完整布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/black"
    tools:context=".Holly6000MonitorFragment">

    <TextView
        android:id="@+id/holly6000MonitorTV"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:background="@color/white"
        android:fontFamily="@font/holly6000_font"
        android:gravity="bottom"
        android:scrollbars="vertical"
        android:text=""
        android:textColor="@color/green"
        android:textSize="24sp"
        android:minHeight="0dp"
        app:layout_constrainedHeight="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/holly6000MonitorET"/>

    <EditText
        android:id="@+id/holly6000MonitorET"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="0dp"
        android:background="@color/light_red"
        android:cursorVisible="true"
        android:inputType="text"
        android:maxLines="1"
        android:minEms="5"
        android:textAlignment="center"
        android:textColor="@color/green"
        android:textCursorDrawable="@drawable/cursor_drawable"
        android:textSize="21sp"
        android:text="EditText"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

效果验证 #

• 文本较少时：TextView高度随内容自适应，EditText在其下方正常显示
• 文本过多时：TextView被限制在EditText上方的剩余空间内，自动显示滚动条，EditText始终固定在底部可见
• TextView为空时：设置为GONE后，EditText会自动顶到布局顶部，不浪费空间

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