如何实现Android XML布局中TextView适配字体与小屏幕并自动换行？

你的问题根源在于LinearLayout的weight平分机制无法实现自动换行，当系统字体放大或屏幕宽度不足时，TextView会因强制平分宽度导致内容溢出、布局混乱。推荐以下两种方案：

方案一：使用FlexboxLayout（官方推荐） #

FlexboxLayout是Google维护的布局库，原生支持流式换行，完美适配你的需求。

步骤1：添加依赖 #

在Module级别的build.gradle（或build.gradle.kts）中添加依赖：

implementation 'com.google.android.flexbox:flexbox:3.0.0'

步骤2：替换布局代码 #

将原来的LinearLayout替换为FlexboxLayout，并调整TextView的属性：

<com.google.android.flexbox.FlexboxLayout
    android:id="@+id/line2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:padding="7dp"
    app:flexWrap="wrap" <!-- 开启自动换行 -->
    app:justifyContent="space_between" <!-- 每行item两端对齐，间距均匀 -->
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/line1">

    <TextView
        android:id="@+id/coffee"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="7dp"
        android:layout_marginBottom="7dp" <!-- 换行后增加垂直间距 -->
        android:background="@drawable/selected_button_color"
        android:minHeight="34dp"
        android:gravity="center"
        android:paddingHorizontal="16dp" <!-- 避免文字贴边，适配大字体 -->
        android:text="Coffee"
        android:textAllCaps="false"
        android:textColor="@drawable/selected_text_color"
        android:textSize="13sp"
        app:flexGrow="1" /> <!-- 可选：让item平分每行剩余空间，保持宽度一致 -->

    <TextView
        android:id="@+id/business"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="7dp"
        android:layout_marginBottom="7dp"
        android:background="@drawable/selected_button_color"
        android:minHeight="34dp"
        android:gravity="center"
        android:paddingHorizontal="16dp"
        android:text="Business"
        android:textAllCaps="false"
        android:textColor="@drawable/selected_text_color"
        android:textSize="13sp"
        app:flexGrow="1" />

    <TextView
        android:id="@+id/hobbies"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="7dp"
        android:layout_marginBottom="7dp"
        android:background="@drawable/selected_button_color"
        android:minHeight="34dp"
        android:gravity="center"
        android:paddingHorizontal="16dp"
        android:text="Hobbies"
        android:textAllCaps="false"
        android:textColor="@drawable/selected_text_color"
        android:textSize="13sp"
        app:flexGrow="1" />

    <TextView
        android:id="@+id/friendship"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="7dp"
        android:background="@drawable/selected_button_color"
        android:minHeight="34dp"
        android:gravity="center"
        android:paddingHorizontal="16dp"
        android:text="Friendship"
        android:textAllCaps="false"
        android:textColor="@drawable/selected_text_color"
        android:textSize="13sp"
        app:flexGrow="1" />
</com.google.android.flexbox.FlexboxLayout>

关键属性说明 #

• app:flexWrap="wrap"：开启自动换行，当一行空间不足时，item自动跳到下一行
• app:flexGrow="1"：让每个item平分每行剩余空间，保持宽度一致（若不需要宽度一致，可删除此属性）
• android:paddingHorizontal：给文字增加左右内边距，避免字体放大时内容贴边或溢出
• android:layout_marginBottom：换行后item之间增加垂直间距，提升可读性

方案二：使用Android 12+原生FlowLayout #

如果你的应用只适配Android 12及以上版本，可以直接使用系统原生的FlowLayout，无需额外依赖：

<FlowLayout
    android:id="@+id/line2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:padding="7dp"
    android:horizontalGap="7dp"
    android:verticalGap="7dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/line1">

    <!-- 内部TextView属性同方案一，去掉flexGrow即可 -->
</FlowLayout>

注意事项 #

• 保留android:textSize="13sp"：sp单位会自动适配系统字体大小，确保文字缩放正常
• 不要给TextView设置固定宽度：使用wrap_content让宽度自适应内容，避免字体放大时内容截断

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