ConstraintLayout列表项左右View重叠问题：如何避免及实现换行或省略

嘿，这个问题我熟！用ConstraintLayout做左右布局时，最容易踩的就是内容过长重叠的坑，不过只要调整几个约束和TextView属性就能完美解决，我给你两种常用方案，对应你要的换行和省略号需求：

方案一：左侧TextView自动换行（完整显示内容） #

这个方案适合你希望保留所有文本，只是让过长内容自动换行的场景，核心是利用ConstraintLayout的**匹配约束（0dp）**来限制左侧TextView的宽度：

1. 给左侧TextView设置android:layout_width="0dp"（在ConstraintLayout中，0dp表示“匹配约束”，即宽度由左右约束决定）
2. 将左侧TextView的end约束绑定到右侧View的start，同时给左侧TextView加个右边距避免紧贴右侧
3. 左侧TextView的高度设为wrap_content，这样内容换行时高度会自动调整

完整布局代码示例：

<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp">

    <!-- 左侧文本：内容过长自动换行 -->
    <TextView
        android:id="@+id/text1"
        android:layout_width="0dp" <!-- 关键：宽度由约束限制 -->
        android:layout_height="wrap_content"
        android:text="这里是很长很长很长很长很长很长很长很长很长的文本内容，测试自动换行效果"
        android:textSize="16sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/right_view"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginEnd="8dp" /> <!-- 和右侧保持间距 -->

    <!-- 右侧View（示例用TextView，换成ImageView等都可以） -->
    <TextView
        android:id="@+id/right_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右侧固定内容"
        android:textSize="16sp"
        android:textColor="#FF5722"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

方案二：左侧TextView显示省略号（截断过长内容） #

如果希望左侧文本单行（或指定行数）显示，超出部分用省略号代替，只需在方案一的基础上，给左侧TextView添加文本截断属性：

1. 保留方案一的约束设置（宽度0dp、end约束到右侧View）
2. 添加android:ellipsize="end"（指定省略号在末尾显示）
3. 添加android:maxLines="1"（设置最大显示行数，单行的话设为1，多行就对应数字）

完整布局代码示例：

<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp">

    <!-- 左侧文本：内容过长显示省略号 -->
    <TextView
        android:id="@+id/text1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="这里是很长很长很长很长很长很长很长很长很长的文本内容，测试省略号效果"
        android:textSize="16sp"
        android:ellipsize="end" <!-- 末尾显示省略号 -->
        android:maxLines="1" <!-- 单行显示 -->
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/right_view"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginEnd="8dp" />

    <!-- 右侧View -->
    <TextView
        android:id="@+id/right_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右侧固定内容"
        android:textSize="16sp"
        android:textColor="#FF5722"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

关键知识点提醒 #

• 为什么用0dp？：在ConstraintLayout中，wrap_content不会自动遵守约束限制，而0dp会让View的宽度严格被start和end约束框住，这样就不会超出范围和右侧View重叠。
• 如果右侧View是固定宽度的控件（比如ImageView），这个逻辑完全适用，只要保证左侧TextView的end约束到右侧View的start就行。

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