ImageView无法匹配RelativeLayout的wrap_content布局问题求助

你的核心问题是作为背景的ImageView未与EditText所在布局建立高度联动约束，导致EditText高度扩展时，背景ImageView无法同步变化。

错误点说明 #

1. 背景ImageView的android:layout_height="wrap_content"仅会根据自身drawable的尺寸计算高度，不会关联EditText的高度变化。
2. RelativeLayout中各控件的位置关系未明确绑定，背景ImageView与EditText所在的layout2没有上下对齐的约束，无法同步高度。

修复后的代码 #

<?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/red">

    <RelativeLayout
        android:id="@+id/layout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="6dp"
        android:minHeight="60dp"
        android:maxHeight="300dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <!-- 背景ImageView放在最底层，与EditText所在布局绑定高度 -->
        <ImageView
            android:id="@+id/background"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:alpha="0.4"
            android:background="@drawable/add_skill_design"
            android:maxHeight="300dp"
            android:minHeight="60dp"
            android:layout_alignTop="@+id/layout2"
            android:layout_alignBottom="@+id/layout2"/>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/layout2"
            android:layout_width="315dp"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true">

            <EditText
                android:id="@+id/editText"
                android:layout_width="315dp"
                android:layout_height="wrap_content"
                android:fontFamily="sans-serif-medium"
                android:maxHeight="290dp"
                android:text="@string/test"
                android:textAlignment="center"
                android:textAllCaps="false"
                android:textColor="@color/white"
                android:textSize="18dp"
                app:layout_constrainedHeight="true"
                app:layout_constraintStart_toStartOf="@+id/layout2"
                app:layout_constraintTop_toTopOf="parent"/>
        </androidx.constraintlayout.widget.ConstraintLayout>

        <ImageView
            android:id="@+id/add_skill_upload_circle"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:src="@drawable/circle_skill"
            android:layout_marginTop="20dp"
            android:layout_marginStart="10dp"/>

        <ImageView
            android:id="@+id/add_skill_upload_remove"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@drawable/remove"
            android:layout_marginTop="15dp"
            android:layout_marginEnd="10dp"
            android:layout_alignParentEnd="true"/>
    </RelativeLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

关键修改点 #

• 将背景ImageView移至layout2之前，确保它在底层显示。
• 给背景ImageView添加android:layout_alignTop="@+id/layout2"和android:layout_alignBottom="@+id/layout2"，使其高度与layout2完全同步，而layout2的高度会随EditText的内容自动扩展。

更简洁的替代方案 #

如果不需要对背景单独设置alpha以外的ImageView特性，建议直接将背景设置给layout2，省去额外的ImageView：

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/layout2"
    android:layout_width="315dp"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:background="@drawable/add_skill_design"
    android:alpha="0.4"
    android:minHeight="60dp"
    android:maxHeight="300dp">

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