ConstraintLayout中聊天消息TextView的宽度适配实现方法问询

在Android开发中，使用ConstraintLayout可以精准实现你需要的布局效果，以下是具体方案：

布局代码示例 #

<?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"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingVertical="8dp">

    <TextView
        android:id="@+id/tv_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20px"
        android:layout_marginRight="50px"
        android:background="#ECECEC"
        android:padding="12dp"
        android:text="这里是消息内容"
        app:layout_constrainedWidth="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

关键属性作用说明 #

• android:layout_marginLeft="20px"：固定TextView与屏幕左侧的间距为20px，满足基础位置要求。
• android:layout_marginRight="50px"：定义TextView的最大右侧边界（距离屏幕右侧50px）。
• android:layout_width="wrap_content"：让TextView在内容较短时自动适配宽度，仅包裹文本内容。
• app:layout_constrainedWidth="true"：核心控制属性，强制wrap_content状态的TextView遵守左右约束规则——当文本长度超过左侧20px到右侧50px的可用宽度时，自动换行并将宽度限制在该范围内，不会超出右侧边界。

效果匹配验证 #

• 短文本场景：TextView宽度仅包裹文本内容，左侧保持20px间距，右侧留有空白。
• 长文本场景：TextView自动换行，宽度被约束在“左侧20px到右侧50px”的范围内，适配屏幕宽度。

若项目未引入ConstraintLayout，需在app模块的build.gradle中添加依赖：

implementation 'androidx.constraintlayout:constraintlayout:2.1.4'

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