文章目錄

• 一、文本邊界坐標(biāo)解析
• 二、繪圖位置

一、文本邊界坐標(biāo)解析

---

在上一篇博客 【Android 應(yīng)用開(kāi)發(fā)】Canvas 精準(zhǔn)繪制文字 ( 測(cè)量文本真實(shí)邊界 | 將文本中心點(diǎn)與給定中心點(diǎn)對(duì)齊 ) 中 , 簡(jiǎn)要介紹了 Paint.getTextBounds() 函數(shù)獲取的 Rect 邊界 , 今天補(bǔ)充下精準(zhǔn)的繪圖信息 ;

Rect 中獲取的坐標(biāo)值示例 : left = 4 , top = -31 , right = 28 , bottom = 0 ;

上述坐標(biāo)是相對(duì)于 下圖中的 (0, 0) 原點(diǎn)坐標(biāo)系的值 ;

下圖中的原點(diǎn)位置 , 就是調(diào)用 Canvas 的 drawText 方法 , 傳入的 x 值和 基線值 ;

下圖中的 綠色矩形框是 Canvas 的繪圖區(qū)域 , 橙色矩形框是 Canvas 繪制的文本的實(shí)際區(qū)域 ;

繪圖區(qū)域 包含 文本實(shí)際占用區(qū)域 ;

上述的坐標(biāo)值 , 是在如下坐標(biāo)系的值 ;

left = 4 , top = -31 , right = 28 , bottom = 0 ;

left 值是 繪圖區(qū)域 最左側(cè) 距離 文本實(shí)際區(qū)域 的左側(cè)這段空隙的寬度 ;

right 值是 繪圖區(qū)域 最左側(cè) 距離 文本實(shí)際區(qū)域 的右側(cè)這段空隙的寬度 ;

可以得到 文本區(qū)域 的中心值 , 距離 繪圖區(qū)域 的值為 $\frac{\mathrm{l}\mathrm{e}\mathrm{f}\mathrm{t}+\mathrm{r}\mathrm{i}\mathrm{g}\mathrm{h}\mathrm{t}}{2}$ ;

top 值是 基線值 - 基線距離文本頂部的值 , 基線值是 0 , 一般都是負(fù)數(shù) , 這里是 -31 ;

botttom 值是 基線距離文本底部值 - 基線值 , 基線值是 0 , 正數(shù) , 負(fù)數(shù) , 0 都有可能 , 這里是 0 ; 一般是正數(shù)或 0 , 負(fù)數(shù)不常見(jiàn) ;

二、繪圖位置

---

使用 Canvas 的 drawText 方法繪制文字 , 傳入 ( x , y ) 坐標(biāo) , x 是繪制區(qū)域的左側(cè) , y 是文本基線 , 繪制的位置如下 :

如果不是要求很精確的話 , 一定程度上可以理解為 傳入的值 左下角的位置 ;

如果要精準(zhǔn)到像素級(jí)別 , 保證1個(gè)像素都不差 , 就要考慮到 繪圖區(qū)域 中 文本區(qū)域 的范圍 ;

進(jìn)行精確的計(jì)算 ;

總結(jié)

以上是生活随笔為你收集整理的【Android 应用开发】Canvas 精准绘制文字 ( 文本边界坐标解析 | 绘图位置 )的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。