ConstraintLayout链式布局中TextView自动适配大小及居中问题

我之前也碰到过一模一样的问题，核心矛盾就是wrap_content会让TextView优先撑满宽度不触发缩放，固定宽度又会在文本短时留空。其实只要给需要自动缩放的TextView设置弹性宽度约束，再配合正确的AutoSize配置，就能完美解决，同时保证整个链式布局水平居中。

1. 先把AutoSize的基础配置拉满 #

要让TextView自动调整字号，这些属性一个都不能少，直接加到第一个TextView里：

<TextView
    android:id="@+id/tv_auto_scale"
    android:layout_height="wrap_content"
    app:autoSizeTextType="uniform" <!-- 开启统一缩放模式 -->
    app:autoSizeMinTextSize="12sp" <!-- 字号下限 -->
    app:autoSizeMaxTextSize="24sp" <!-- 字号上限 -->
    app:autoSizeStepGranularity="2sp" <!-- 每次缩放的步长 -->
    ... />

2. 给TextView设置弹性宽度（关键！） #

别用wrap_content或固定dp宽度，改用0dp（也就是match_constraints），再加上两个约束让它“收放自如”：

• app:layout_constraintWidth_max="200dp"：设置TextView的最大宽度（数值根据你的布局需求调整），防止文本过长时溢出父容器
• app:layout_constrainedWidth="true"：强制ConstraintLayout严格遵守宽度约束，避免TextView偷偷突破最大宽度

这样设置后，文本长的时候，TextView会占满最大宽度，触发AutoSize缩小字号；文本短的时候，它会自动收缩到刚好容纳文本的宽度，不会留多余空白。

3. 构建水平链式布局并整体居中 #

把三个控件（自动缩放TextView → ImageView → 固定TextView）组成水平链式，同时让整个链式布局在父容器里水平居中，代码示例如下：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 自动缩放的TextView -->
    <TextView
        android:id="@+id/tv_auto_scale"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:autoSizeTextType="uniform"
        app:autoSizeMinTextSize="12sp"
        app:autoSizeMaxTextSize="24sp"
        app:autoSizeStepGranularity="2sp"
        app:layout_constrainedWidth="true"
        app:layout_constraintWidth_max="200dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/iv_icon"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_chainStyle="packed" <!-- 让控件紧凑排列 -->
        app:layout_constraintHorizontal_bias="0.5" /> <!-- 整体水平居中 -->

    <!-- ImageView -->
    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toEndOf="@+id/tv_auto_scale"
        app:layout_constraintEnd_toStartOf="@+id/tv_fixed"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:src="@drawable/ic_your_icon"
        android:layout_marginHorizontal="8dp" />

    <!-- 无需自动调整的TextView -->
    <TextView
        android:id="@+id/tv_fixed"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toEndOf="@+id/iv_icon"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:text="固定文本内容" />

</androidx.constraintlayout.widget.ConstraintLayout>

链式布局的核心细节： #

• 三个控件通过start和end互相约束，形成双向链式结构
• layout_constraintHorizontal_chainStyle="packed"让控件之间紧凑排列，避免不必要的空隙
• layout_constraintHorizontal_bias="0.5"确保整个链式布局在父容器左右边距相等，完美居中

4. 额外提醒 #

• 确保你的ConstraintLayout版本在2.0以上，旧版本可能存在约束逻辑的bug
• 如果想让TextView的最大宽度随父容器自适应，可以用app:layout_constraintWidth_percent="0.4"代替固定dp（比如占父容器40%宽度）

内容的提问来源于stack exchange，提问作者Nicolás de Ory