Android中增大TextView字号出现额外内边距如何消除？

我太懂这种糟心的情况了——明明已经加了includeFontPadding="false"，调大textSize后TextView还是莫名多出一圈空白，完全不是想要的紧凑效果！我之前做数字显示组件时也踩过这个坑，给你几个亲测有效的解决办法：

1. 先排查字体本身的内置空白 #

很多字体（比如Android默认的Roboto）本身在字符 glyph 周围就带有内置的空白，字号越大，这些空白就越显眼。你可以先试试这两个快速调整方案：

方案A：用负padding抵消 #

直接给TextView设置负的上下padding，手动抵消字体自带的空白。比如你的70sp字号，可以先试试：

<TextView
    android:id="@+id/number"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="70sp"
    android:gravity="bottom"
    android:includeFontPadding="false"
    android:lineSpacingExtra="0dp"
    android:lineSpacingMultiplier="1.0" <!-- 明确设置行间距乘数为1，避免被默认样式影响 -->
    android:paddingTop="-6dp" <!-- 根据实际显示效果调整数值 -->
    android:paddingBottom="-6dp"
    android:text="1"/>

注意：不同字体、不同字号需要的负padding数值不一样，得根据实际显示微调。

方案B：动态计算并抵消字体空白 #

如果想适配不同字号和字体，用代码动态计算字体的内置空白更靠谱。通过Paint.FontMetrics获取字体的基线偏移，然后设置负padding：

Kotlin版本：

val numberTv = findViewById<TextView>(R.id.number)
numberTv.post {
    val fontMetrics = numberTv.paint.fontMetrics
    // top是负数（字体顶部到基线的距离），bottom是正数（基线到字体底部的距离）
    val topOffset = fontMetrics.top.toInt()
    val bottomOffset = fontMetrics.bottom.toInt()
    numberTv.setPadding(0, -topOffset, 0, -bottomOffset)
}

Java版本：

TextView numberTv = findViewById(R.id.number);
numberTv.post(() -> {
    Paint.FontMetrics fontMetrics = numberTv.getPaint().getFontMetrics();
    int topOffset = (int) fontMetrics.top;
    int bottomOffset = (int) fontMetrics.bottom;
    numberTv.setPadding(0, -topOffset, 0, -bottomOffset);
});

这个方法会自动根据当前字体和字号计算需要抵消的空白，适配性更强。

2. 自定义TextView彻底解决（如果上面的方法不够） #

如果以上方法还是有残留空白，你可以写个自定义TextView，重写绘制逻辑，直接把文本紧贴着TextView的边界绘制：

class CompactTextView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : TextView(context, attrs, defStyleAttr) {

    override fun onDraw(canvas: Canvas?) {
        val fontMetrics = paint.fontMetrics
        // 计算文本需要向上偏移的距离，抵消顶部空白
        val offset = (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom
        canvas?.translate(0f, offset)
        super.onDraw(canvas)
    }
}

然后在XML里用这个自定义View代替原生TextView，就不用再折腾padding了。

最后提醒 #

• 如果你用了自定义字体，记得测试不同字体的表现，有些字体的内置空白差异很大
• 尽量在真实设备上测试，模拟器的字体渲染可能和真机有出入

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