在 Android Canvas 上换行长文本

Question

我有一个自定义控件，它直接在 canvas 上进行大量 2D 绘图。

其中一些绘图是文本，所以我使用 Canvas.drawText() 方法。

我想在一定的范围内绘制文本 - 左上角、特定的最大宽度和最大行数。绘制完文字后，我想知道一共花了多少行。

是否有内置函数可以在边界内绘制文本并进行合理的分割？

如果没有，是否有这样做的标准方法？

Answer 1

您可以使用 android.text.StaticLayout 为此类；只需为所需的文本、对齐方式、宽度等创建一个 StaticLayout 并调用其 draw(Canvas) 方法即可绘制到画布上。

Answer 2

您可以使用 Paint.getTextBounds() 测量整个字符串的大小，或使用 Paint.getTextWidths() 获取每个字符的宽度。然后在绘制之前适当分割字符串。

Answer 3

我也有同样的问题。我的第一个解决方案如下。

/**
     * This function draws the text on the canvas based on the x-, y-position.
     * If it has to break it into lines it will do it based on the max width
     * provided.
     * 
     * @author Alessandro Giusa
     * @version 0.1, 14.08.2015
     * @param canvas
     *            canvas to draw on
     * @param paint
     *            paint object
     * @param x
     *            x position to draw on canvas
     * @param y
     *            start y-position to draw the text.
     * @param maxWidth
     *            maximal width for break line calculation
     * @param text
     *            text to draw
     */
public static void drawTextAndBreakLine(final Canvas canvas, final Paint paint,
        final float x, final float y, final float maxWidth, final String text) {
    String textToDisplay = text;
    String tempText = "";
    char[] chars;
    float textHeight = paint.descent() - paint.ascent();
    float lastY = y;
    int nextPos = 0;
    int lengthBeforeBreak = textToDisplay.length();
    do {
        lengthBeforeBreak = textToDisplay.length();
        chars = textToDisplay.toCharArray();
        nextPos = paint.breakText(chars, 0, chars.length, maxWidth, null);
        tempText = textToDisplay.substring(0, nextPos);
        textToDisplay = textToDisplay.substring(nextPos, textToDisplay.length());
        canvas.drawText(tempText, x, lastY, paint);
        lastY += textHeight;
    } while(nextPos < lengthBeforeBreak);
}

缺少什么：

• 没有智能断线机制，因为它基于 maxWidth 断线

如何调用？

    paint.setTextSize(40);
    paint.setColor(Color.WHITE);
    paint.setSubpixelText(true);
    float textHeight = paint.descent() - paint.ascent();
    CanvasUtils.drawTextAndBreakLine(canvas, paint, this.left,
            textHeight, this.displayWidth, this.text);

我有一个名为 CanvasUtils 的静态类，我在其中封装了这样的东西。基本上我在一个矩形内绘制文本。这就是 textHeight 是文本高度的原因。但你可以将你想要的东西传递给函数。

很好的编程！