在位图上居中文本

8

我正在尝试在位图的中心绘制文本,但是即使我使用align.center也无法实现。 代码如下:

public Bitmap drawTextToBitmap(Context gContext, String gText) {
    Resources resources = gContext.getResources();
    float scale = resources.getDisplayMetrics().density;
    Bitmap bitmap = 
            BitmapFactory.decodeResource(resources, R.drawable.blank_marker);

    android.graphics.Bitmap.Config bitmapConfig =
            bitmap.getConfig();
    // set default bitmap config if none
    if(bitmapConfig == null) {
        bitmapConfig = android.graphics.Bitmap.Config.ARGB_8888;
    }
    // resource bitmaps are imutable, 
    // so we need to convert it to mutable one
    bitmap = bitmap.copy(bitmapConfig, true);

    Canvas canvas = new Canvas(bitmap);
    // new antialised Paint
    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    // text color - #3D3D3D
    paint.setColor(Color.rgb(61, 61, 61));
    // text size in pixels
    paint.setTextSize((int) (25 * scale));
    // text shadow
    paint.setShadowLayer(1f, 0f, 1f, Color.WHITE);

    // draw text to the Canvas center
    Rect bounds = new Rect();
    paint.setTextAlign(Align.CENTER);

    paint.getTextBounds(gText, 0, gText.length(), bounds);
    int x = (bitmap.getWidth() - bounds.width())/2;
    int y = (bitmap.getHeight() + bounds.height())/2; 

    canvas.drawText(gText, x * scale, y * scale, paint);

    return bitmap;
}

我做错了什么?


1
请删除此行代码:paint.setTextAlign(Align.CENTER); 并将此行代码:canvas.drawText(gText, x * scale, y * scale, paint); 替换为:canvas.drawText(gText, x, y, paint); 希望这能帮到您。 - Triode
3个回答

17

这比您想象的要简单得多。

在使用Paint.setTextAlign(Align.CENTER)的情况下,在位图宽度和高度(中心点)的一半处绘制文本。对齐属性会处理其余部分。

对齐属性会处理其余部分。


2
这只能将文本水平居中,但不能垂直居中。 - xjcl

3

我猜以上提供的答案都不够好,所以我发表我的答案。大家可以试试,它适用于所有设备,而且并不复杂:

    String text = "Text"; //your string
    Canvas canvas = new Canvas(bitmap);

    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    paint.setColor(activity.getResources().getColor(R.color.white));
    paint.setTextSize(30);

    // draw text to the Canvas center
    Rect boundsText = new Rect();
    paint.getTextBounds(text, 0, text.length(), boundsText);
    int x = (bitmap.getWidth() - boundsText.width()) / 2;
    int y = (bitmap.getHeight() + boundsText.height()) / 2;

    canvas.drawText(text, x, y, paint);

这几乎正确,但是它对于 "i"、"1"、"." 等字符不适用…… 它们将更靠左,并且在 "-" 上会失败(略微向左,远高于中心)。尝试使用canvas.drawText(text, x - bounds.left, y - bounds.bottom, paint); 然后文本将真正位于中间。 - Matěj Hrazdíra
将x和y传递到drawText方法中是最佳方法。谢谢! - aricherca

0

文本在哪里绘制?问题可能是因为您将文本对齐方式更改为Align.CENTER。我认为,您的代码计算x和y假定文本渲染使用Align.LEFT。

要么使用setTextAlign(Align.CENTER)并在实际位图中心进行渲染,要么使用setTextAlign(Align.LEFT)并使用您正在使用的当前x和y计算。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接