如何让ImageView与多行TextView并排且不超出父容器范围？

方案一：修复ConstraintLayout约束配置 #

问题根源在于TextView的宽度设置和链约束的不当配置，调整后的代码可同时适配小屏换行和大屏正常显示需求：

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

    <ImageView
        android:id="@+id/estadioImageView"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="8dp"
        android:src="@drawable/vc_estadio"
        app:layout_constraintBottom_toBottomOf="@+id/estadioTextView"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/estadioTextView" />

    <TextView
        android:id="@+id/estadioTextView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="16dp"
        android:autoSizeTextType="uniform"
        android:gravity="center_vertical"
        android:maxLines="2"
        android:text="Estadio Pedro Garrido (Jerez de la Frontera)"
        android:textColor="@color/gray_dark"
        android:textSize="20sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/estadioImageView"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

关键修改点：

• 将TextView的android:layout_width设为0dp，使其自动填充ImageView右侧到父容器右侧的剩余空间，小屏场景下自动换行
• 移除不必要的layout_constraintHorizontal_bias和layout_constraintHorizontal_chainStyle，避免链约束导致的间距异常
• 调整TextView的android:gravity为center_vertical，确保多行文字与ImageView垂直居中对齐
• 添加合理的左右边距，提升布局留白美感

方案二：使用TextView的drawableLeft属性（简化布局） #

如果希望用drawableLeft实现，可通过以下方式解决图标大小和间距问题：

方法1：API 23+直接控制Drawable大小 #

<TextView
    android:id="@+id/estadioTextView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:autoSizeTextType="uniform"
    android:drawableLeft="@drawable/vc_estadio"
    android:drawableWidth="32dp"
    android:drawableHeight="32dp"
    android:drawablePadding="8dp"
    android:gravity="center_vertical"
    android:maxLines="2"
    android:text="Estadio Pedro Garrido (Jerez de la Frontera)"
    android:textColor="@color/gray_dark"
    android:textSize="20sp" />

方法2：兼容低版本的Drawable包装 #

若需兼容API 23以下，创建包装Drawable（res/drawable/ic_estadio_wrapper.xml）控制图标大小：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:width="32dp"
        android:height="32dp"
        android:drawable="@drawable/vc_estadio" />
</layer-list>

然后在TextView中引用该包装Drawable：

<TextView
    ...
    android:drawableLeft="@drawable/ic_estadio_wrapper"
    android:drawablePadding="8dp"
    ... />

两种方案均可实现：小屏自动换行、大屏正常显示、图标与文字间距适中、垂直居中对齐的效果，可按需选择。

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