如何在ConstraintLayout中实现按钮尺寸统一且完整显示文本？

需求概述 #

需要在ConstraintLayout的按钮网格中满足两个核心要求：

• 所有按钮完整显示文本，无截断或省略
• 所有按钮尺寸完全一致，自动匹配文本最长的按钮的宽高

当前布局在文本长度相同时正常工作，但文本长度不一致时会破坏对称性。

纯ConstraintLayout实现方案 #

通过ConstraintLayout的尺寸绑定特性，无需嵌套其他布局即可实现需求。核心思路是将所有按钮的宽高与文本最长的按钮（或任意一个按钮，动态适配）绑定，让基准按钮自适应文本尺寸，其他按钮同步匹配。

修改后的布局代码 #

<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:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="0dp"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:theme="?attr/actionBarTheme"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- 基准按钮：设置为wrap_content自适应文本，其他按钮绑定它的尺寸 -->
    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button 4 plus several extra words"
        app:layout_constraintBottom_toTopOf="@id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button2" />

    <Button
        android:id="@+id/button1"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 1"
        <!-- 绑定宽高到基准按钮 -->
        app:layout_constraintWidth_equal_to="@id/button4"
        app:layout_constraintHeight_equal_to="@id/button4"
        app:layout_constraintBottom_toTopOf="@+id/button3"
        app:layout_constraintEnd_toStartOf="@+id/button2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/toolbar" />

    <Button
        android:id="@+id/button2"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 2"
        app:layout_constraintWidth_equal_to="@id/button4"
        app:layout_constraintHeight_equal_to="@id/button4"
        app:layout_constraintBottom_toTopOf="@+id/button4"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/button1"
        app:layout_constraintTop_toBottomOf="@+id/toolbar" />

    <Button
        android:id="@+id/button3"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="Button 3"
        app:layout_constraintWidth_equal_to="@id/button4"
        app:layout_constraintHeight_equal_to="@id/button4"
        app:layout_constraintBottom_toTopOf="@id/guideline"
        app:layout_constraintEnd_toStartOf="@+id/button4"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button1" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5" />

</androidx.constraintlayout.widget.ConstraintLayout>

关键调整说明 #

1. 设置基准按钮：选择任意一个按钮（示例中为button4），将其宽高设为wrap_content，让它自动适配文本长度，作为所有按钮的尺寸基准。
2. 绑定其他按钮尺寸：将其余按钮的宽高设为0dp，通过app:layout_constraintWidth_equal_to="@id/button4"和app:layout_constraintHeight_equal_to="@id/button4"，强制它们的尺寸与基准按钮完全一致。
3. 保持网格布局：保留原有的横向/纵向约束，确保按钮的网格排列结构不变。若需要按钮在横向居中（避免拉伸到屏幕边缘），可给横向链条的第一个按钮添加app:layout_constraintHorizontal_chainStyle="packed"和app:layout_constraintHorizontal_bias="0.5"。

适配动态文本场景 #

当文本长度变化（如多语言翻译）时，基准按钮会自动调整尺寸以完整显示文本，所有其他按钮会同步更新尺寸，始终保持一致且无文本截断。

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