如何将文字写到Bitmap的中间(文字居中)


原问题链接:http://stackoverflow.com/questions/9911347/center-text-on-a-bitmap

我尝试将一段文本写到一张位图的中间位置,尽管我使用了居中也不能成功!

代码如下:

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);

最后的代码如下:

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

	    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) (12 * 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);
	    canvas.drawText(gText, x , y , paint);

	    return bitmap;
	}

效果如下图:



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将文本居中显示在位图图像上,需要先计算文本的宽度和高度,然后在适当的位置绘制文本。 以下是一个示例代码,使用 Java 的 Graphics2D 类来实现在位图上居中显示文本: ```java BufferedImage bitmap = new BufferedImage(600, 400, BufferedImage.TYPE_INT_ARGB); Graphics2D g = bitmap.createGraphics(); // 设置字体和文本 Font font = new Font("Arial", Font.PLAIN, 24); String text = "Hello, World!"; // 计算文本宽度和高度 FontMetrics metrics = g.getFontMetrics(font); int textWidth = metrics.stringWidth(text); int textHeight = metrics.getHeight(); // 计算文本在位图上的位置 int x = (bitmap.getWidth() - textWidth) / 2; int y = (bitmap.getHeight() - textHeight) / 2 + metrics.getAscent(); // 绘制文本 g.setFont(font); g.drawString(text, x, y); g.dispose(); ``` 在上面的代码中,我们首先创建了一个 600x400 像素的位图,并使用 Graphics2D 类的 createGraphics() 方法创建了一个 Graphics2D 对象。接下来,我们设置了字体和要显示的文本,并使用 FontMetrics 类的 stringWidth() 和 getHeight() 方法计算了文本的宽度和高度。然后,我们使用一些简单的数学运算计算了文本在位图上的位置,并使用 Graphics2D 对象的 drawString() 方法在位图上绘制了文本。最后,我们使用 Graphics2D 对象的 dispose() 方法释放了所有资源。 注意,在计算文本位置时,我们使用了 metrics.getAscent() 方法来调整文本的垂直位置,以使其在垂直方向上居中对齐。这是因为文本的绘制起点通常位于基线以下。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值