Android Paint: .measureText() vs .getTextBounds()

你可以像我一样检查这样的问题:

因此，您将继续学习Paint.cpp，它实现了这两者。

native_measureText -> SkPaintGlue::measureText_CII

nativeGetStringBounds -> SkPaintGlue::getStringBounds

深入挖掘Skia，我发现两个调用的结果都是同一个函数中的相同计算，只是返回的结果不同。

回答你的问题: 两个调用都执行相同的计算。结果的可能差异在于getTextBounds返回的是整数形式的边界，而measureText返回的是浮点值

所以你得到的是在float转换为int时的舍入错误，这发生在SkPaintGlue::doTextBounds中的Paint.cpp中调用SkRect::roundOut函数时。

这两个调用的计算宽度之间的差值最大可以是1。

2011年10月4日

还有什么比想象更好的呢?我努力了，为了自己的探索，也为了应得的奖赏:)

这是字体大小60，红色是界限矩形，紫色是measureText的结果。

可以看到，bounds left部分从左边开始一些像素，measureText的值在左右两边都加了这个值。这就是所谓的Glyph的AdvanceX值。(我在Skia源SkPaint.cpp中发现了这一点)

因此，测试的结果是measureText向两侧的文本添加了一些提前值，而getTextBounds计算给定文本适合的最小边界。

希望这个结果对你有用。

测试代码:

  protected void onDraw(Canvas canvas){
final String s = "Hello. I'm some text!";


Paint p = new Paint();
Rect bounds = new Rect();
p.setTextSize(60);


p.getTextBounds(s, 0, s.length(), bounds);
float mt = p.measureText(s);
int bw = bounds.width();


Log.i("LCG", String.format(
"measureText %f, getTextBounds %d (%s)",
mt,
bw, bounds.toShortString())
);
bounds.offset(0, -bounds.top);
p.setStyle(Style.STROKE);
canvas.drawColor(0xff000080);
p.setColor(0xffff0000);
canvas.drawRect(bounds, p);
p.setColor(0xff00ff00);
canvas.drawText(s, 0, bounds.bottom, p);
}

我的经验是getTextBounds将返回封装文本的绝对最小边界矩形，而不一定是渲染时使用的测量宽度。我还想说measureText假设一行。

为了获得准确的测量结果，你应该使用StaticLayout来渲染文本并提取测量值。

例如:

String text = "text";
TextPaint textPaint = textView.getPaint();
int boundedWidth = 1000;


StaticLayout layout = new StaticLayout(text, textPaint, boundedWidth , Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false);
int height = layout.getHeight();

这个解决方案在确定最小宽度方面不是100%准确。

我还在研究如何测量画布上的文本。在阅读了老鼠的文章后，我对如何测量多行文本有了一些问题。从这些贡献中没有明显的方法，但经过一些研究后，我看到了StaticLayout类。它允许您测量多行文本(带有“\n”的文本)，并通过相关的Paint配置文本的更多属性。

下面是一个演示如何测量多行文本的代码片段:

private StaticLayout measure( TextPaint textPaint, String text, Integer wrapWidth ) {
int boundedWidth = Integer.MAX_VALUE;
if (wrapWidth != null && wrapWidth > 0 ) {
boundedWidth = wrapWidth;
}
StaticLayout layout = new StaticLayout( text, textPaint, boundedWidth, Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false );
return layout;
}

wrapwitdh能够确定是否要将多行文本限制在一定的宽度。

由于StaticLayout.getWidth()只返回这个boundedWidth，你必须采取另一个步骤来获得你的多行文本所需的最大宽度。你可以确定每条线的宽度，最大宽度当然是最高的线宽:

private float getMaxLineWidth( StaticLayout layout ) {
float maxLine = 0.0f;
int lineCount = layout.getLineCount();
for( int i = 0; i < lineCount; i++ ) {
if( layout.getLineWidth( i ) > maxLine ) {
maxLine = layout.getLineWidth( i );
}
}
return maxLine;
}

很抱歉再次回答这个问题…我需要嵌入图像。

我认为@老鼠发现的结果是错误的。对于字体大小为60的字体，观察结果可能是正确的，但当文本更小时，它们就会变得更不一样。10 px。在这种情况下，文本实际上超出了边界。

截图源代码:

  @Override
protected void onDraw( Canvas canvas ) {
for( int i = 0; i < 20; i++ ) {
int startSize = 10;
int curSize = i + startSize;
paint.setTextSize( curSize );
String text = i + startSize + " - " + TEXT_SNIPPET;
Rect bounds = new Rect();
paint.getTextBounds( text, 0, text.length(), bounds );
float top = STEP_DISTANCE * i + curSize;
bounds.top += top;
bounds.bottom += top;
canvas.drawRect( bounds, bgPaint );
canvas.drawText( text, 0, STEP_DISTANCE * i + curSize, paint );
}
}

老鼠的回答很好…下面是对真正问题的描述:

简单的回答是Paint.getTextBounds(String text, int start, int end, Rect bounds)返回Rect，它不是从(0,0)开始的。也就是说，为了获得实际的文本宽度，通过调用getTextBounds()中的相同 Paint对象Canvas.drawText(String text, float x, float y, Paint paint)来设置，你应该添加Rect的左侧位置。如下所示:

public int getTextWidth(String text, Paint paint) {
Rect bounds = new Rect();
paint.getTextBounds(text, 0, end, bounds);
int width = bounds.left + bounds.width();
return width;
}

注意这个bounds.left -这是问题的关键。

通过这种方式，您将接收到与使用Canvas.drawText()接收到的文本宽度相同的文本。

同样的函数应该用于获取文本的height:

public int getTextHeight(String text, Paint paint) {
Rect bounds = new Rect();
paint.getTextBounds(text, 0, end, bounds);
int height = bounds.bottom + bounds.height();
return height;
}

附注:我没有测试这段确切的代码，但测试了这个概念。

更详细的解释在这 answer中给出。

p.getTextPath(someText, 0, someText.length(), 0.0f, 0.0f, mPath);

之后你可以调用:

mPath.computeBounds(mBoundsPath, true);

这就是我如何计算第一个字母的实际尺寸(你可以改变方法头以适应你的需要，即用String代替char[]):

private void calculateTextSize(char[] text, PointF outSize) {
// use measureText to calculate width
float width = mPaint.measureText(text, 0, 1);


// use height from getTextBounds()
Rect textBounds = new Rect();
mPaint.getTextBounds(text, 0, 1, textBounds);
float height = textBounds.height();
outSize.x = width;
outSize.y = height;
}

注意，我使用TextPaint而不是原来的油漆类。

下面的图片描述了getTextBounds和measureText之间的区别。

简而言之,

1. getTextBounds是获取精确文本的RECT。measureText是文本的长度，包括左边和右边的额外空白。

2. 如果文本之间有空格，则在measureText中测量，但不包括在TextBounds的长度中，尽管坐标会发生移位。

3. 文本可以向左倾斜(歪斜)。在这种情况下，左边的边界框将超出measureText的测量值，并且文本边界的总长度将大于measureText

4. 文本可以向右倾斜(歪斜)。在这种情况下，边界框右侧将超出measureText的测量值，并且文本边界的总长度将大于measureText