引言
Baseline是文字繪制時(shí)所參照的基準(zhǔn)線飘庄，只有先確定了Baseline的位置篡撵，我們才能準(zhǔn)確的將文字繪制在我們想要的位置上。Baseline的概念在我們使用TextView等系統(tǒng)控件直接設(shè)置文字內(nèi)容時(shí)是用不到的，但是如果我們想要在Canvas畫布上面繪制文字時(shí)，Baseline的概念就必不可少了。
我們先了解一下Android中Canvas畫布繪制文字的方法狞换，如下圖：
參數(shù)示意：
- text避咆，文字內(nèi)容
- x，文字從畫布上開(kāi)始繪制的x坐標(biāo)（Canvas是一個(gè)原點(diǎn)在左上角的平面坐標(biāo)系）
- y修噪，Baseline所在的y坐標(biāo)查库，不少人已開(kāi)始以為y是繪制文字區(qū)域的底部坐標(biāo)，其實(shí)是不正確的黄琼，這是兩個(gè)概念
- paint樊销，畫筆，設(shè)置的文字的大小顏色等屬性
了解了文字繪制的方法脏款，我們現(xiàn)在就了解一下這個(gè)參數(shù)y（Baseline）的計(jì)算方法围苫。
Baseline的概念
我們先看一行文字各區(qū)域的分布示意圖
從上圖來(lái)看，Baseline不難理解撤师，它就是E和h的下邊界線剂府。我們還可以得出一個(gè)結(jié)論，文字的高度=Descent+Ascent剃盾。
然而腺占，上面這個(gè)公式并不完全準(zhǔn)確，我們?cè)倏匆粋€(gè)圖：
我們看到痒谴，如果文字的上方有一些特殊的符號(hào)衰伯，比如上圖中的~或者是我們漢語(yǔ)拼音中的聲調(diào)時(shí)，文字區(qū)域又會(huì)多出一部分Leading积蔚。
因此意鲸，完整的公式應(yīng)該是文字的高度=Descent+Ascent+Leading。
那么尽爆，為什么第一幅圖中沒(méi)有說(shuō)明Leading的存在呢临扮，原因是我們通常在繪制一行英文或者中文時(shí)，Leading的高度為0教翩。我們看一個(gè)證據(jù)圖杆勇，下圖是在繪制英文文字時(shí)調(diào)試取得的數(shù)據(jù)。
其中l(wèi)eading=0饱亿，所以我們?cè)谖淖掷L制時(shí)不需要考慮Leading蚜退，圖中的數(shù)值都是距離Baseline的距離闰靴，在Baseline上方為負(fù)值，下方為正值钻注。
Baseline位置（y軸坐標(biāo)）的計(jì)算
為了方便我們對(duì)計(jì)算過(guò)程進(jìn)行理解蚂且，我畫了一幅幫助圖，如下：
假設(shè)我們是在畫布Canvas的頂部繪制一行文字幅恋，規(guī)定一行文字的高度是y杏死，文字區(qū)域的高度是Height（TOP和BOTTOM之間，TOP到0和BOTTOM到y(tǒng)的距離相等捆交，這樣文字才看起來(lái)是居中）淑翼。因此，0到y(tǒng)和TOP到BOTTOM的中線是重合的品追，y軸坐標(biāo)都是y/2玄括。
我們要繪制一行文字時(shí)，設(shè)計(jì)必然會(huì)告訴我們0到y(tǒng)的距離肉瓦，所以中線的位置也是固定的y/2遭京，那么我們?cè)O(shè)置了Paint的文字大小后，Ascent和Descent又能直接得到泞莉，就可以算出中線到基線的距離哪雕，公式如下：
基線到中線的距離=(Descent+Ascent)/2-Descent
注意，實(shí)際獲取到的Ascent是負(fù)數(shù)鲫趁。公式推導(dǎo)過(guò)程如下：
中線到BOTTOM的距離是(Descent+Ascent)/2热监，這個(gè)距離又等于Descent+中線到基線的距離，即(Descent+Ascent)/2=基線到中線的距離+Descent饮寞。
有了基線到中線的距離孝扛，我們只要知道任何一行文字中線的位置，就可以馬上得到基線的位置幽崩，從而得到Canvas的drawText方法中參數(shù)y的值苦始。
附
Android獲取中線到基線距離的代碼，Paint需要設(shè)置文字大小textsize慌申。
/**
* 計(jì)算繪制文字時(shí)的基線到中軸線的距離
*
* @param p
* @param centerY
* @return 基線和centerY的距離
*/
public static float getBaseline(Paint p) {
FontMetrics fontMetrics = p.getFontMetrics();
return (fontMetrics.descent - fontMetrics.ascent) / 2 -fontMetrics.descent;
}
