ConstraintLayout中右对齐视图避免文本截断问题

我完全懂你遇到的这个困扰——右对齐的按钮短文本时显示好好的，一碰到长文本就直接冲出父布局边界，内容被截断得乱七八糟。本质原因是默认按钮宽度设为wrap_content时，右对齐只会让它从父布局右侧向左延伸，完全没限制左边的边界，长文本自然就溢出了。下面给你几个实用的解决方案：

方案一：双向约束+Match Constraints宽度（推荐） #

这是最稳妥的做法，通过给按钮设置左右双向约束，让它在指定范围内自适应宽度，同时允许文本自动换行：

<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:padding="16dp">

    <!-- 第一个按钮 -->
    <Button
        android:id="@+id/btn_left"
        android:layout_width="0dp" <!-- 核心：用match_constraints让宽度自适应约束范围 -->
        android:layout_height="wrap_content"
        android:text="这是一段超级长的按钮文本，用来测试自动换行的效果"
        android:singleLine="false" <!-- 允许文本换行 -->
        android:ellipsize="none" <!-- 不要省略号，直接换行显示 -->
        app:layout_constraintEnd_toStartOf="@+id/btn_right"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintHorizontal_bias="1.0" <!-- 保持按钮整体右对齐 -->
        android:layout_marginEnd="8dp"
        android:paddingHorizontal="12dp"/>

    <!-- 第二个按钮 -->
    <Button
        android:id="@+id/btn_right"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="另一段超长的按钮文本示例内容"
        android:singleLine="false"
        android:ellipsize="none"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btn_left"
        app:layout_constraintTop_toTopOf="parent"
        android:paddingHorizontal="12dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

这里的关键细节：

• 按钮宽度设为0dp，让它在start和end约束的区间内自动调整宽度
• 开启android:singleLine="false"并关闭省略号，确保文本能正常换行
• 用layout_constraintHorizontal_bias="1.0"维持按钮的右对齐效果，链式布局让两个按钮紧凑排列

方案二：用constrainedWidth强制限制按钮范围 #

如果不想设置双向约束，也可以给按钮加上app:layout_constrainedWidth="true"，配合wrap_content宽度，强制按钮在父布局边界内显示，文本自动换行：

<Button
    android:id="@+id/btn_long_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="这是一段非常非常长的按钮文本，测试自动换行效果"
    android:singleLine="false"
    android:ellipsize="none"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constrainedWidth="true" <!-- 关键：强制按钮不超出父布局 -->
    android:layout_marginEnd="16dp"
    android:paddingHorizontal="12dp"/>

这个属性会让按钮在文本过长时，自动把宽度限制在父布局内，同时触发文本换行。

额外小优化 #

可以给按钮添加android:paddingHorizontal="12dp"增加内边距，让文本显示更舒展；如果希望按钮内的文本也靠右对齐，可以设置android:gravity="end|center_vertical"，保持整体右对齐的同时，文本排版更协调。

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