Android绘制文本基本概念之- top, bottom, ascent, descent, baseline

本文详细解释了Android中绘制文本的基本概念,包括ascent、descent、top和bottom等属性,并给出了如何准确计算文本在View中心位置显示的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

通过一个图来了解一下这些概念:

这里写图片描述

这个图是从网上download下来的。
baseline是基线,在Android中绘制文本都是从baseline处开始的,从baseline往上至至文本最高处的距离称之为ascent(上坡度),baseline至文本最低处的距离称之为descent(下坡度)。
top和bottom是绘制文本时在最外层留出的一些内边距。
baseline是基线,baseline以上是负值,baseline以下是正值,因此ascent和top都是负值,descent和bottom都是正值。

文本的实际高度应该就是descent-asscent,但是一般都是以top-bottom作为文本的高度。
ascent,descent,top,bottom都是文本内容的属性,也即字内容的属性,这些属性都是FontMetrics这个类中的属性,FontMetrics对象可以通过Paint画笔对象mPaint.getFontMetrics()方法来获取,但是要是在paint.setTextSize(mTextSize)之后获取。
获取到Paint的FontMetrics对象之后,就可以获取到ascent,descent,top,bottom这些属性值了。

Android中绘制文本:
drawText(String text, float x, float y,Paint paint)
这里的x参数是绘制的文本的最左边的横坐标,y是baseline的纵坐标,注意这里的y不是绘制文本的纵坐标,而是baseline的纵坐标。

我们经常地一个需求就是在View的中心处绘制文本,那么以前看到网上看到最多的在View的中心处绘制文本的公式:
x=控件的宽度/2-文本的宽度/2
y=控件的高度/2+文本的高度/2
都是把y当作是绘制文本的纵坐标,其实这是不正确的,这种公式绘制出的文本并不是居中的。因为y参数并不是绘制文本的纵坐标,而是baseline的纵坐标。
那么这里根据上面的ascent,descent,top,bottom概念的学习,给出在View中心处绘制文的x,y值的计算公式:
x=getWidth()/2-mPaint.measureText(mText)/2;
y=getHeight()/2+(fontMetrics.bottom-fontMetrics.top)/2-fontMetrics.bottom

getWidth(): 控件的宽度(view的宽度)
getHeight():控件的高度(view的高度)
mPaint.measureText(mText)是精确的测出绘制文本的宽度
fontMetrics.bottom-fontMetrics.top就是绘制文本的高度。
y计算出来就是baseline的纵坐标

### 获取文本的坐标位置 在Android中获取文本的坐标位置,通常涉及通过`Canvas`绘制文本时的坐标计算以及文本边界信息的获取。Android文本绘制基于`Baseline`,即文本的基线,而非绝对的顶部或底部对齐。因此,若直接设置绘制位置为`(0, 0)`,文本可能会超出控件可视区域,导致部分内容不可见[^3]。 #### 文本绘制的坐标解析 在绘制文本时,可以通过`Paint.getTextBounds()`方法获取文本的边界矩形`Rect`,该矩形描述了文本相对于绘制起点的边界范围。该方法返回的`Rect`对象包含`left`、`top`、`right`、`bottom`四个坐标值,分别表示文本的左、上、右、下边界。这些值可以用于计算文本的实际绘制区域,从而实现精准的文本对齐和定位[^1]。 例如,以下代码展示了如何获取文本的边界信息: ```java Paint paint = new Paint(); paint.setTextSize(40); String text = "Sample Text"; Rect bounds = new Rect(); paint.getTextBounds(text, 0, text.length(), bounds); ``` 上述代码中,`bounds`对象将包含文本的边界信息,可用于后续的绘制或布局计算。 #### 文本位置的精准计算 若需在`TextView`中获取某个字符或单词的坐标位置,可以通过`Layout`类提供的方法实现。`TextView`的`getLayout()`方法返回一个`Layout`对象,该对象提供了`getLineForVertical()`和`getOffsetForHorizontal()`等方法,可用于将屏幕坐标转换为文本中的字符索引,从而获取文本绘制位置[^2]。 例如,以下代码展示了如何获取特定坐标的字符索引: ```java TextView textView = findViewById(R.id.textView); textView.post(() -> { Layout layout = textView.getLayout(); if (layout != null) { int x = 100; // 示例坐标 int y = 50; int line = layout.getLineForVertical(y); int offset = layout.getOffsetForHorizontal(line, x); // offset 即为文本中字符的索引位置 } }); ``` 此方法适用于需要根据用户点击或滑动位置选择文本的场景,例如实现手势选择文本功能。 #### 基于Baseline绘制问题 由于文本绘制是基于`Baseline`的,直接设置绘制位置为`(x, y)`时,`y`值应为`Baseline`的位置,而非文本的顶部或底部。若未正确计算`Baseline`位置,文本可能会部分超出控件可视区域,导致显示异常。因此,在自定义绘制文本时,应考虑`Paint.FontMetrics`中的`ascent`和`descent`值,以调整绘制位置使其居中或对齐[^3]。 例如,以下代码展示了如何计算居中绘制的`y`坐标: ```java Paint paint = new Paint(); paint.setTextSize(40); String text = "Centered Text"; Rect bounds = new Rect(); paint.getTextBounds(text, 0, text.length(), bounds); float textWidth = bounds.width(); float textHeight = bounds.height(); float x = (canvas.getWidth() - textWidth) / 2; float y = (canvas.getHeight() + textHeight) / 2; canvas.drawText(text, x, y, paint); ``` 该代码通过计算文本的宽高,并将其居中绘制在画布中心。 --- ###
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值