Android ConstraintLayout中TextView超出约束边界的问题求解

要让TextView被左右两个ImageView的边界严格限制，需要调整以下几个核心布局属性：

1. 将TextView宽度设为0dp（match_constraint）
   当前TextView的android:layout_width="wrap_content"会让它根据文本长度自行扩展，直接忽略左右约束的限制。改成0dp后，ConstraintLayout会强制TextView在layout_constraintStart_toEndOf和layout_constraintEnd_toStartOf定义的区间内分配宽度。

2. 补充垂直约束，固定TextView布局位置
   原代码中TextView仅定义了左右约束，缺少上下约束会导致布局位置不确定，甚至影响宽度计算逻辑。可以根据需求添加顶部/底部约束，比如和左侧ImageView顶部对齐：app:layout_constraintTop_toTopOf="@id/left_image"。

3. 配置文本显示规则
   当文本超出可用宽度时，需要设置对应的显示行为：

• 自动换行：添加android:singleLine="false"（默认即为多行，可省略），配合android:maxLines限制最大行数；
• 单行截断：若需单行显示，添加android:singleLine="true"和android:ellipsize="end"（在文本末尾显示省略号）。

修改后的完整布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".test2">

    <ImageView
        android:id="@+id/left_image"
        android:layout_width="40dp"
        android:layout_height="40dp"
        app:srcCompat="@drawable/ic_launcher_background"/>

    <ImageView
        android:id="@+id/right_image"
        android:layout_width="110dp"
        android:layout_height="110dp"
        android:layout_marginTop="9dp"
        android:layout_marginEnd="9dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_launcher_background"/>

    <TextView
        android:id="@+id/text_view"
        android:layout_width="0dp" <!-- 关键修改：使用match_constraint -->
        android:layout_height="wrap_content" <!-- 自适应高度，也可保留40dp并添加垂直居中 -->
        android:text="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
        android:singleLine="false"
        android:maxLines="2" <!-- 按需调整最大行数 -->
        app:layout_constraintStart_toEndOf="@id/left_image"
        app:layout_constraintEnd_toStartOf="@id/right_image"
        app:layout_constraintTop_toTopOf="@id/left_image" <!-- 补充垂直约束 -->
        android:layout_marginStart="8dp" <!-- 可选：添加左右间距优化布局 -->
        android:layout_marginEnd="8dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

额外说明 #

如果需要TextView保持固定高度（如原代码的40dp），可保留android:layout_height="40dp"，同时添加android:gravity="center_vertical"让文本垂直居中，配合android:ellipsize="end"和android:singleLine="true"实现单行截断效果。

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