Android ConstraintLayout约束end失效 链式布局长文本与ImageView重叠问题

问题原因 #

你当前布局异常的核心是TextView未设置右侧边界约束，且宽度使用wrap_content，长文本时会无限制向右侧延伸，导致和后续ImageView重叠、超出屏幕范围。

具体修改点 #

• 给TextView添加右约束app:layout_constraintEnd_toStartOf="@id/ivFirst"，绑定右侧边界到第一个ImageView左侧
• 将TextView的layout_width改为0dp（即ConstraintLayout的match_constraint），同时添加app:layout_constrainedWidth="true"属性，实现短文本自适应宽度、长文本自动被约束在边界内换行的效果
• 移除冗余的layout_constraintHorizontal_bias配置，避免干扰链式布局生效

修改后完整代码 #

<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="wrap_content"
    tools:ignore="MissingPrefix">

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="@string/text"
        android:textColor="@color/black"
        android:textSize="@dimen/text_size_14"
        app:layout_constrainedWidth="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@id/ivFirst"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0" />

    <ImageView
        android:id="@+id/ivFirst"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="16dp"
        android:src="@drawable/ic_first"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/ivSecond"
        app:layout_constraintStart_toEndOf="@id/tvTitle"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0" />

    <ImageView
        android:id="@+id/ivSecond"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_second"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0" />
</androidx.constraintlayout.widget.ConstraintLayout>

效果说明 #

修改后短文本场景下TextView宽度自适应内容，后面紧跟第一个ImageView，第二个ImageView固定在屏幕右侧；长文本场景下TextView会自动在第一个ImageView左侧换行，不会和右侧两个ImageView重叠，完全符合预期效果。

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