Android文字基线Baseline算法的使用讲解，小码农也有大梦想

Baseline是文字绘制时所参照的基准线，只有先确定了Baseline的位置，我们才能准确的将文字绘制在我们想要的位置上。Baseline的概念在我们使用TextView等系统控件直接设置文字内容时是用不到的，但是如果我们想要在Canvas画布上面绘制
文字时，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。

BOTTOM之间，TOP到0和BOTTOM到y的距离相等，这样文字才看起来是居中）。因此，0到y和TOP到BOTTOM的中线是重合的，y轴坐标都是y/2。

Android文字基线Baseline算法的使用讲解，小码农也有大梦想相关推荐

小码农也有大梦想！最小公倍数java算法
学习内容大致内容: 1.架构师筑基(Linux基础与进阶+Netty框架+Mysql+并发编程+JVM性能调优+Tomcat) 2.开源框架(主要涉及SSM框架) 3.高性能架构(Mysql高性能存储 ...
Android版数据结构与算法(五):LinkedHashMap核心源码彻底分析
版权声明:本文出自汪磊的博客,未经作者允许禁止转载. 上一篇基于哈希表实现HashMap核心源码彻底分析分析了HashMap的源码,主要分析了扩容机制,如果感兴趣的可以去看看,扩容机制那几行最难懂的 ...
算法给小码农八大排序八奇计只为宝儿姐
文章目录八排八奇迹排序排序的概念及其运用排序的概念排序运用 ==来上京东== ==大学排名== 常见的排序算法常见排序算法的实现插入排序基本思想 ==但是数组肯定不是有序的,所以我们 ...
算法给小码农冒泡排序铭纹，快速排序四极
文章目录排序常见的排序算法常见排序算法的实现冒泡排序 ==也是我们本身接触最早的排序很简单的一个排序== 完整冒泡排序代码快速排序(无敌的排序) 将区间按照基准值划分为左右两半部分的常见方 ...
算法给小码农堆魂器--铁血柔情
文章目录堆堆的概念及结构堆的性质堆的结构(这里实现大堆) 堆的结构体堆初始化函数HeapInit 堆销毁函数HeapDestroy 堆打印函数HeapPrint 向上调整函数AdjustUp ...
Android版数据结构与算法汇总十二章
Android版数据结构与算法(一):基础简介 https://www.cnblogs.com/leipDao/p/9140726.html Android版数据结构与算法(二):基于数组的实现Arr ...
Android 文字测量
Android 文字测量获取文字长度: 方式1,只获取文字绘制的长度 var textValue = "待测量文字" var txtLength = mPaint.measure ...
优化算法求解复杂约束问题策略（以粒子群算法为例讲解求解复杂约束问题的多种策略）
优化算法求解复杂约束问题策略(以粒子群算法为例讲解求解复杂约束问题的多种策略)python实现整个代码文字讲解共17页提示:专栏解锁后,可以查看该专栏所有文章. 文章目录策略1:在位置更 ...
【Applied Algebra】求解布尔方程(Boolean Equations)的4个高效baseline算法
求解布尔方程(Boolean Equations)的4个高效baseline算法求解布尔方程(Boolean Equations)是理论计算机中的基本问题之一;事实上,求解Fq\mathbb{F}_ ...

Android文字基线Baseline算法的使用讲解，小码农也有大梦想

Android文字基线Baseline算法的使用讲解，小码农也有大梦想相关推荐

最新文章

热门文章