如何实现TextView背景随设备字体缩放自动适配？

我来给你讲几个实用的解决办法，完美应对系统字体缩放时TextView背景（比如你这里的红色圆形）和文字不匹配的问题：

核心思路 #

问题根源在于：系统字体缩放时，用sp单位的文字会自动变大，但如果背景是固定尺寸的drawable、或者TextView的最小尺寸用了不会缩放的dp单位，就会出现文字撑破背景的情况。我们要做的就是让背景和TextView的尺寸都跟着文字缩放走。

方案1：改造背景Drawable+用sp单位设置最小尺寸 #

首先修改你的红色圆形背景red_circle.xml，不要给它设置固定宽高，让它自适应TextView的尺寸：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/red" />
    <!-- 去掉固定宽高，只保留内边距避免文字贴边 -->
    <padding android:top="2dp" android:bottom="2dp" android:left="2dp" android:right="2dp" />
</shape>

然后调整TextView的属性：

• 把android:minWidth和android:minHeight改成sp单位（sp会随系统字体缩放）
• 确保android:textSize用sp单位（这是文字缩放的基础）
• 如果要保持背景是圆形，记得让TextView的宽高始终相等，可以用app:layout_constraintDimensionRatio="1:1"（适用于ConstraintLayout）：

<android.support.v7.widget.AppCompatTextView
    android:id="@+id/textview_badge"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:minWidth="@dimen/badge_min_size_sp" <!-- 这里用sp，比如24sp -->
    android:minHeight="@dimen/badge_min_size_sp"
    app:layout_constraintDimensionRatio="1:1" <!-- 保证宽高相等，背景始终是圆形 -->
    android:gravity="center"
    android:layout_marginEnd="@dimen/item_padding"
    android:background="@drawable/red_circle"
    android:layout_marginBottom="@dimen/baseline_grid_2x"
    android:layout_marginTop="@dimen/baseline_grid_2x"
    android:padding="@dimen/baseline_grid_0.5x"
    tools:text="9"
    android:textColor="@color/white"
    android:textSize="@dimen/text_size_sp" /> <!-- textSize必须用sp -->

最后在values/dimens.xml里定义sp单位的尺寸：

<dimen name="badge_min_size_sp">24sp</dimen>
<dimen name="text_size_sp">14sp</dimen>

方案2：用矢量图作为背景（如果背景是图标类） #

如果你的红色圆形是一张图片而非shape，可以换成VectorDrawable（矢量图），它能无损缩放，完美适配任何尺寸变化，包括字体缩放带来的TextView尺寸变化。只需要把背景改成矢量图的引用即可，其他属性和方案1一致。

关键注意点 #

• 所有需要随字体缩放的尺寸（比如最小宽高、文字大小大小）必须用sp单位，dp单位不会随字体缩放
• 背景Drawable不要设置固定宽高，让它跟随TextView的尺寸自动拉伸
• 要保持圆形背景不变形，必须确保TextView的宽高始终相等

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