Android Studio：如何在Button上添加多文本并对齐，无需空格排版？

我想给Button添加多段文本，像下面布局里这样，不用反复按空格来对齐数字和其他按钮的文本，能不能实现？

原布局代码：

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/btn1"
    android:layout_width="352dp"
    android:layout_height="55dp"
    android:layout_marginLeft="20dp"
    android:layout_marginTop="20dp"
    android:layout_marginRight="20dp"
    android:background="@drawable/btn1"
    android:text="1                  Item                                  number"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.44"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/btn"
    android:layout_width="352dp"
    android:layout_height="55dp"
    android:layout_marginBottom="160dp"
    android:background="@drawable/btn1"
    android:text="2                    Item                         number"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.491"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.177" />

</androidx.constraintlayout.widget.ConstraintLayout>

可行方案：用复合布局替代Button（推荐） #

Button本质是TextView子类，单一文本很难稳定实现三段式对齐（不同字体、屏幕尺寸下空格对齐会失效）。最可靠的方式是用ConstraintLayout模拟Button的点击效果，内部放三个TextView分别对应数字、中间文本、右侧文本，通过布局约束实现精确对齐：

<!-- 模拟Button的复合布局 -->
<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/btn1"
    android:layout_width="352dp"
    android:layout_height="55dp"
    android:layout_marginLeft="20dp"
    android:layout_marginTop="20dp"
    android:layout_marginRight="20dp"
    android:background="@drawable/btn1"
    android:clickable="true"
    android:focusable="true"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.44"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <!-- 左侧数字 -->
    <TextView
        android:id="@+id/tv_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1"
        android:textColor="@android:color/black"
        android:textSize="16sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginStart="16dp"/>

    <!-- 中间文本 -->
    <TextView
        android:id="@+id/tv_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item"
        android:textColor="@android:color/black"
        android:textSize="16sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <!-- 右侧文本 -->
    <TextView
        android:id="@+id/tv_number"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="number"
        android:textColor="@android:color/black"
        android:textSize="16sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginEnd="16dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

说明： #

• 给ConstraintLayout设置android:clickable="true"和android:focusable="true"，使其拥有Button的点击反馈（保持原@drawable/btn1的selector背景即可实现按压效果）。
• 三个TextView通过约束固定在左、中、右位置，无论字体大小或屏幕尺寸变化，对齐效果都能保持稳定。

备选方案：使用SpannableString（仅适用于简单场景） #

如果不想替换布局，可以用SpannableString设置不同部分的间距，但适配性较差：

val text = "1 Item number"
val spannable = SpannableString(text)
// 给"1"后面添加固定宽度的空白
spannable.setSpan(
    LeadingMarginSpan.Standard(80), // 调整宽度适配需求
    1, 2,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)
// 给"Item"后面添加固定宽度的空白
spannable.setSpan(
    LeadingMarginSpan.Standard(150),
    5, 6,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)
btn1.text = spannable

注意： #

• 这种方式的宽度是固定值，在不同分辨率或字体大小的设备上可能出现对齐偏移，仅适合固定场景。

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