Android文字基线Baseline算法的使用讲解

我们先了解一下Android中Canvas画布绘制文字的方法，如下图：

参数示意：

• text，文字内容

• x，文字从画布上开始绘制的x坐标（Canvas是一个原点在左上角的平面坐标系）

• y，Baseline所在的y坐标，不少人已开始以为y是绘制文字区域的底部坐标，其实是不正确的，这是两个概念

• paint，画笔，设置的文字的大小颜色等属性

• 了解了文字绘制的方法，我们现在就了解一下这个参数y（Baseline）的计算方法。

Baseline的概念

我们先看一行文字各区域的分布示意图

从上图来看，Baseline不难理解，它就是E和h的下边界线。我们还可以得出一个结论，文字的高度=Descent+Ascent。

然而，上面这个公式并不完全准确，我们再看一个图：

我们看到，如果文字的上方有一些特殊的符号，比如上图中的~或者是我们汉语拼音中的声调时，文字区域又会多出一部分Leading。

因此，完整的公式应该是

文字的高度=Descent+Ascent+Leading。

那么，为什么第一幅图中没有说明Leading的存在呢，原因是我们通常在绘制一行英文或者中文时，Leading的高度为0。我们看一个证据图，下图是在绘制英文文字时调试取得的数据。

其中leading=0，所以我们在文字绘制时不需要考虑Leading，图中的数值都是距离Baseline的距离，在Baseline上方为负值，下方为正值。

Baseline位置（y轴坐标）的计算

为了方便我们对计算过程进行理解，我画了一幅帮助图，如下：

假设我们是在画布Canvas的顶部绘制一行文字，规定一行文字的高度是y，文字区域的高度是Height（TOP和BOTTOM之间，TOP到0和BOTTOM到y的距离相等，这样文字才看起来是居中）。因此，0到y和TOP到BOTTOM的中线是重合的，y轴坐标都是y/2。

我们要绘制一行文字时，设计必然会告诉我们0到y的距离，所以中线的位置也是固定的y/2，那么我们设置了Paint的文字大小后，Ascent和Descent又能直接得到，就可以算出中线到基线的距离，公式如下：

基线到中线的距离=(Descent+Ascent)/2-Descent

注意，实际获取到的Ascent是负数。公式推导过程如下：

中线到BOTTOM的距离是(Descent+Ascent)/2，这个距离又等于Descent+中线到基线的距离，即(Descent+Ascent)/2=基线到中线的距离+Descent。

有了基线到中线的距离，我们只要知道任何一行文字中线的位置，就可以马上得到基线的位置，从而得到Canvas的drawText方法中参数y的值。

最后

题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图（技能树）】

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

【Android进阶学习视频】、【全套Android面试秘籍】

希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
在IT道路上学习和发展
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！