Textview畫(huà)文字基線的問(wèn)題

有些小伙伴在自定義View的時(shí)候需要畫(huà)文字朴爬,當(dāng)畫(huà)文字的基線的時(shí)候出現(xiàn)不少問(wèn)題琐旁,

調(diào)用 canvas.drawText(text, x , y , paint); 這里的text字體枷邪,x開(kāi)始的位置酵熙,y基線桅咆,paint畫(huà)筆王浴,計(jì)算基線y的時(shí)候出現(xiàn)問(wèn)題斗遏。

話不多說(shuō)山卦,直接上圖:

image

圖中,Baseline就是我們所說(shuō)的基線诵次,注意账蓉,基線并不是中線,如果簡(jiǎn)單認(rèn)為是中線的話逾一,

相當(dāng)于 y=getHeight()/2 也就是 canvas.drawText(text, x , getHeight()/2 , paint)

這樣的話就出現(xiàn)如下結(jié)果:

image

是不是跟想象中的不一樣呢铸本,其實(shí)就是基線的問(wèn)題,那么根據(jù)圖1如何求基線呢嬉荆。

由圖可知归敬,注意坐標(biāo)軸是從上到下,從左到右的鄙早,Baseline到頂部的距離叫 top (相對(duì)坐標(biāo)軸來(lái)說(shuō)是個(gè)負(fù)數(shù))汪茧, Baseline到底部的距離叫 bottom (相對(duì)坐標(biāo)軸來(lái)說(shuō)是個(gè)正數(shù)),然后我們已知的條件有文字的高度bottom - top , 那么如果畫(huà)一條中間線限番,中間線的高度就是 ( bottom - top ) /2(圖中沒(méi)展示舱污,小伙伴自行想象),這就是我們的中線,然后發(fā)揮我們的數(shù)學(xué)才能

基線 = getHeight()/2 + 中線到基線的距離

假設(shè)中線到基線的距離為 dy

那么dy怎么算弥虐,根據(jù)我們上面計(jì)算的文字高度的一半 ( bottom - top ) /2 再減去bottom的高度扩灯,所以

dy = ( bottom - top ) /2 - bottom

所以 基線 = getHeight() + dy

計(jì)算文字的高度需要用到 FontMetricsInt ,不懂的小伙伴自行百度一下霜瘪。

這樣就計(jì)算完了珠插。運(yùn)行結(jié)果如下:

image

放一份自定義textview代碼中onDraw()畫(huà)文字的代碼:

protected void onDraw(Canvas canvas) {

//畫(huà)文字,text字體颖对,x開(kāi)始的位置捻撑,y基線,paint畫(huà)筆

    Paint.FontMetricsInt fontMetricsInt =mPaint.getFontMetricsInt();

    //dy等于文字高度的一半到基線的距離  baseLine等于基線

    int dy =  ( fontMetricsInt.bottom - fontMetricsInt.top )/2 - fontMetricsInt.bottom;

    int baseLine =  getHeight()/2 + dy;

    canvas.drawText( mText,0, baseLine,mPaint );

}

謝謝缤底。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末顾患,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子个唧,更是在濱河造成了極大的恐慌江解,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件徙歼,死亡現(xiàn)場(chǎng)離奇詭異犁河,居然都是意外死亡鳖枕,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)桨螺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)耕魄,“玉大人,你說(shuō)我怎么就攤上這事彭谁∥” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵缠局,是天一觀的道長(zhǎng)则奥。 經(jīng)常有香客問(wèn)我,道長(zhǎng)狭园,這世上最難降的妖魔是什么读处? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮唱矛,結(jié)果婚禮上罚舱,老公的妹妹穿的比我還像新娘。我一直安慰自己绎谦,他們只是感情好管闷,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著窃肠,像睡著了一般包个。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上冤留,一...
    開(kāi)封第一講書(shū)人閱讀 52,441評(píng)論 1 310
  • 那天碧囊,我揣著相機(jī)與錄音,去河邊找鬼纤怒。 笑死糯而,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的泊窘。 我是一名探鬼主播熄驼,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼州既!你這毒婦竟也來(lái)了谜洽?” 一聲冷哼從身側(cè)響起萝映,我...
    開(kāi)封第一講書(shū)人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤吴叶,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后序臂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體蚌卤,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡实束,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了逊彭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咸灿。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖侮叮,靈堂內(nèi)的尸體忽然破棺而出避矢,到底是詐尸還是另有隱情,我是刑警寧澤囊榜,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布审胸,位于F島的核電站,受9級(jí)特大地震影響卸勺,放射性物質(zhì)發(fā)生泄漏砂沛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一曙求、第九天 我趴在偏房一處隱蔽的房頂上張望碍庵。 院中可真熱鬧,春花似錦悟狱、人聲如沸静浴。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)马绝。三九已至,卻和暖如春挣菲,著一層夾襖步出監(jiān)牢的瞬間富稻,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工白胀, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留椭赋,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓或杠,卻偏偏與公主長(zhǎng)得像哪怔,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子向抢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容