Android布局问题：如何让Pane高度由右侧元素而非左侧ImageView决定

我正尝试实现如下对话框：

上图展示了当前的实现效果，中间是一个可垂直滚动的Pane列表。每个Pane左侧为一个ImageView，右侧包含三个元素：两个TextView和一个Button。

Pane的布局代码如下：

<LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:orientation="horizontal"
   <!-- .... -->                 >

   <ImageView
       android:scaleType="fitCenter"
       android:layout_width="0dp"
       android:layout_height="match_parent"
       android:layout_gravity="top"
       android:layout_weight="0.5"
       <!-- .... -->            >

   <LinearLayout
       android:layout_width="0dp"
       android:layout_height="match_parent"
       android:orientation="vertical"
       android:layout_weight="1.0"
       <!-- .... -->            >

       <TextView
          android:gravity="top|start"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          <!-- .... -->                    />

       <TextView
          android:gravity="top|start"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          <!-- .... -->                    />

       <Button
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_gravity="bottom"
          <!-- .... -->                    />

   </LinearLayout>
</LinearLayout>

当前实现已接近预期，但存在问题：我希望单个Pane的高度由右侧三个元素的总高度决定，可实际它由左侧ImageView的原始高度（scaleType="fitCenter"缩放前的高度，原图在多数手机上会被缩小）决定，导致每个Pane过高，按钮下方留有不必要的空白区域。

请问该如何修正这个问题？

注：这是开源免费应用Magic Cube的一部分。

问题根源在于ImageView设置了android:layout_height="match_parent"，它会强制父LinearLayout的高度匹配ImageView的原始尺寸，即使图片已经被缩放。可以通过以下两种方式修改：

方法一：修改ImageView的高度属性 #

将ImageView的android:layout_height从match_parent改为wrap_content，同时保留android:layout_gravity="top"让图片顶部对齐右侧内容：

<ImageView
    android:scaleType="fitCenter"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    android:layout_weight="0.5"
    <!-- .... -->            >

这样ImageView会根据缩放后的图片高度自适应，父LinearLayout的高度则由右侧垂直布局的总高度决定，按钮下方的空白会被消除。

方法二：使用ConstraintLayout替代LinearLayout（更灵活的布局方式） #

如果后续需要更复杂的布局调整，建议改用ConstraintLayout，通过约束关系明确控件间的依赖：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/image"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scaleType="fitCenter"
        app:layout_constraintTop_toTopOf="@+id/right_container"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintWidth_percent="0.33"
        app:layout_constraintBottom_toBottomOf="@+id/right_container"
        <!-- .... />

    <LinearLayout
        android:id="@+id/right_container"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintStart_toEndOf="@+id/image"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <!-- 两个TextView和Button -->

    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

这种方式让ImageView的高度完全跟随右侧容器的高度，同时保持宽度比例，彻底解决高度由原图尺寸决定的问题。

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