冷门干货-你知道Android-中1px的字到底有多高？(1)

最新推荐文章于 2024-08-03 23:19:11 发布

2401_84123094

最新推荐文章于 2024-08-03 23:19:11 发布

阅读量919

点赞数 16

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84123094/article/details/137973864

版权

程序员专栏收录该内容

185 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用FontTools工具进行字体转码，并讨论了iOS和Android系统中字体高度计算的区别，强调了UI设计中关于字体大小、行高和fontMetrics的理解误区。重点讲解了AndroidTextView的IncludeFontPadding属性对高度计算的影响。

摘要由CSDN通过智能技术生成

FontTools

安装

pip install fonttools

转码

ttx Songti.ttf

转码后会在当前目录生成一个Songti.ttx的文件，我们用文本编辑器打开并搜索'head'。

其中unitsPerEm便代表em-square，值为1000。在Windows系统中，Ascent与Descent由'OS_2'表中的usWinAscent与usWinDescent决定。但是在MacOS、iOS以及Android中，Ascent与Descent由'hhea'表中的ascent与descent决定。

Ascent与Descent的值为以baseLine作为原点的坐标，根据这三个值，我们可以计算出字体的高度。

TextHeight = (Ascent - Descent) / EM-Square * TextSize
LineHeight = (Ascent - Descent + LineGap) / EM-Square * TextSize

上表中，我们已知宋体-常规的ascent为1060，descent为-340。

TextSize为100Pixcel的宋体常规字符高度为
height = (1060 - (-340)) / 1000 * 100 = 140px

所以对于宋体，1Px的字高为1.4Px。

常见字体LineGap一般均为0，所以一般lineHeight = textHeight。

常用字体参数

iOS默认字体 - [San Francisco]

TextHeight = 1.193359375 TextSize

Android默认字体 - [Roboto - Regular]

TextHeight = 1.17187502 TextSize

UI适配误区

如上图Sketch设计稿中，字体为28px，字体居上下边框为32px，如果按照这样的参数进行UI还原的话，以Android默认设备为例，外围背景会比原来高28 * (1.17 - 1) = 4.76个像素(Android IncludeFontPadding = false)。

这是因为该设计稿中框选的lineHeight = textSize，这在一般的字体中是不正确的！会导致一些文字显示不下或者两行文字的上下端部分叠加。同理，用字的高度去得出TextSize也是不正确的！框选文字的时候不能刚刚够框选中文，实际上这种做法输入框输入个'j'便会超出选框，虽然仍能显示。

正确做法应该将lineHeight设置为 28 * 1.17 = 33，然后再测出上下边距。

如图，文字的实际位置并没有变化，但是文字的lineHeight变大了，上下边距相应减少为29px与30px。

对于设计稿中LineHeight > 字体实际高度（如1.17 * textSize）的情况下，我们可以设置lineSpace = lineHeight - 1.17 textSize 去精确还原行间距。

结论：UI中字体还原不到位一般是对字体高度理解有误解，实际上1Px的字体在客户端中一般不等于1Px，而等于1.19（iOS） or 1.17 (Android) 个Px。

Android IncludeFontPadding

/**

Set whether the TextView includes extra top and bottom padding to make
room for accents that go above the normal ascent and descent.
The default is true.
@see #getIncludeFontPadding()
@attr ref android.R.styleable#TextView_includeFontPadding
*/
public void setIncludeFontPadding(boolean includepad) {
if (mIncludePad != includepad) {
mIncludePad = includepad;

if (mLayout != null) {
nullLayouts();
requestLayout();
invalidate();
}
}
}

Android TextView 默认IncludeFontPadding为开启状态，会在每一行字的上下方留出更多的空间。

if (getIncludeFontPadding()) {
fontMetricsTop = fontMetrics.top;
} else {
fontMetricsTop = fontMetrics.ascent;
}

if (getIncludeFontPadding()) {
fontMetricsBottom = fontMetrics.bottom;
} else {
fontMetricsBottom = fontMetrics.descent;
}

我们通过Textview的源码可以发现，只有IncludeFontPadding = false的情况下，textHeight计算方式才与iOS端与前端相统一。默认true情况会选取top与bottom，这两个值在一般情况下会大于ascent和descent，但也不是绝对的，在一些字体中会小于ascent和descent。

public static class FontMetrics {
/**

The maximum distance above the baseline for the tallest glyph in
the font at a given text size.
/
public float top;
/*
The recommended distance above the baseline for singled spaced text.
/
public float ascent;
/*
The recommended distance below the baseline for singled spaced text.
/
public float descent;
/*
The maximum distance below the baseline for the lowest glyph in
the font at a given text size.
/
public float bottom;
/*
The recommended additional space to add between lines of text.
*/
public float leading;
}

对于top和bottom，这两个值在 ttc/ttf 字体中并没有同名的属性，应该是Android独有的名称。我们可以寻找获取FontMetrics的方法（getFontMetrics）进行溯源。

public float getFontMetrics(FontMetrics metrics) {
return nGetFontMetrics(mNativePaint, metrics);
}

@FastNative
private static native float nGetFontMetrics(long paintPtr, FontMetrics metrics);

Paint的getFontMetrics最终调用了native方法nGetFontMetrics，nGetFontMetrics的实现在Android源码中的Paint_Delegate.java类

@LayoutlibDelegate
/package/
static float nGetFontMetrics ( long nativePaint, long nativeTypeface,FontMetrics metrics){
// get the delegate
Paint_Delegate delegate = sManager.getDelegate(nativePaint);
if (delegate == null) {
return 0;
}
return delegate.getFontMetrics(metrics);
}

private float getFontMetrics (FontMetrics metrics){
if (mFonts.size() > 0) {
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。