Constraint Layout中ImageView无法正常显示问题求助

核心问题在于：CardView默认的内部布局是FrameLayout，你给ImageView设置的app:layout_constraintXXX系列约束属性只有在父布局是ConstraintLayout时才会生效，当前这些约束完全不起作用。

ImageView设置wrap_content宽高时，因为没有明确尺寸，加上父容器FrameLayout的wrap_content特性，会导致ImageView的宽高被计算为0，所以图片无法显示；而硬编码宽高时，ImageView有了明确尺寸，自然能正常显示。

解决方案1：改用ConstraintLayout作为CardView的子容器 #

把CardView内部换成ConstraintLayout，让ImageView的约束生效：

<merge
    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="wrap_content"
    android:layout_height="wrap_content"
    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        app:cardCornerRadius="4dp"
        app:cardElevation="2dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <!-- 新增ConstraintLayout作为子容器 -->
        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:id="@+id/cover"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:scaleType="fitXY"
                android:importantForAccessibility="no"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:src="@drawable/placeholder" />
        </androidx.constraintlayout.widget.ConstraintLayout>
    </androidx.cardview.widget.CardView>

</merge>

这里把ImageView的宽高设为0dp（match_constraint），配合约束让它填充整个ConstraintLayout容器。

解决方案2：简化布局，直接设置ImageView尺寸 #

如果不想增加布局嵌套，直接给ImageView设置match_parent宽高，同时调整scaleType适配：

<merge
    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="wrap_content"
    android:layout_height="wrap_content"
    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        app:cardCornerRadius="4dp"
        app:cardElevation="2dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/cover"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitCenter" <!-- 根据需求调整，比如centerCrop -->
            android:adjustViewBounds="true"
            android:importantForAccessibility="no"
            tools:src="@drawable/placeholder" />
    </androidx.cardview.widget.CardView>

</merge>

adjustViewBounds="true"可以让ImageView保持图片的宽高比，避免拉伸变形，配合match_parent就能填充CardView的可用空间。

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