在图像中绘制文本时如何换行

Question

在图像中绘制文本时如何换行

4

我有一个应用程序，用户插入文本后，点击按钮，它会生成一个新的图片，其中包含预设图像中的该文本，并将其保存在手机上。

但是有时候文本太长了，超过了图片的宽度，因此我想要把它分成一行。我应该怎么做？

我尝试使用breakText，但不确定如何使用它...我正在使用:

        textPaint.breakText(text[2], true, bmp.getWidth(), null);

但它没有起作用。

此外，当我手动在EditText处换行时，它只显示一行并在第二行应该开始的位置上显示"[]"...

编辑：我的原始代码：

    private void SaveMyImage() {
    // TODO Auto-generated method stub
    File myDir = new File(Environment.getExternalStorageDirectory().getPath()+"/App/");
    myDir.mkdirs();
    File file = new File (myDir, fname);
    if (file.exists ()) file.delete (); 
    try {
        FileOutputStream out = new FileOutputStream(file);

        Canvas canvas = new Canvas(bmp); 
        Paint textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        if (text[0].equals("Image 01")) {
            textPaint.setColor(Color.BLACK);
        }
        else {
            textPaint.setColor(Color.WHITE);
        }
        textPaint.setTextAlign(Align.CENTER);
        textPaint.setTextSize(tamanho);
        textPaint.setShadowLayer(2, 2, 2, Color.BLACK);
        textPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER)); // Text Overlapping Pattern
        canvas.drawBitmap(bmp, 0, 0, null);
        canvas.drawText(text[1], largura, altura2, textPaint);
        canvas.drawText(text[2], largura, altura, textPaint);
        bmp.compress(Bitmap.CompressFormat.JPEG, 90, out);
        out.flush();
        out.close();
        Toast.makeText(SaveIMG.this, "Image saved on phone", Toast.LENGTH_LONG).show();
    } catch (Exception e) {
       e.printStackTrace();
    }
    sendBroadcast(new Intent(
            Intent.ACTION_MEDIA_MOUNTED,
            Uri.parse("file://" + Environment.getExternalStorageDirectory())));
    uri = Uri.parse(Environment.getExternalStorageDirectory().getPath()+"/App/"+fname);
    pronto.setImageURI(uri);
}

- Victor Santiago

2个回答

0

我找到了一个解决方案，我创建了一个布局，将字符串设置为TextView，将图像设置为背景并绘制它。

- Victor Santiago

请问您能指导我如何在画布上绘制布局内容吗？我遇到了同样的问题。 - AndyN

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Fr33dan · Accepted Answer

breatText 返回字符串中可以显示的字符数，如果在被截断之前。我建议在循环中调用它。每次迭代删除它可以容纳的字符，并将它们放入一个字符串中，直到源文本为空为止。

ArrayList<String> lines = new ArrayList<String>();
String test = text[2];
while(!test.isEmpty()){
    int newLength = textPaint.breakText(test, true, bmp.getWidth(), null);
    lines.add(test.substring(0, newLength));
    test = test.substring(newLength);
}

关于打印多行。我假设您正在使用Canvas.drawText，它似乎不支持换行符。因此，您需要分别绘制每一行，并使用不同的Y值。(代码改编自此处):

Rect bounds = new Rect();
int yoff = 0;
for(String line:lines){
    canvas.drawText(line, x, y + yoff, paint);
    textPaint.getTextBounds(line, 0, line.length(), bounds);
    yoff += bounds.height();
}

编辑我在你的代码中没有看到你实际上如何按照我描述的那样拆分字符串。如果您不向我展示您如何实现它，我无法诊断为什么我的解决方案不起作用。

不过从这里开始，我认为我可以向您展示如何修复错误。如果您想多次执行它，编写一个方法是个好主意。将以下方法添加到您的类中：

public void splitAndDrawLines(Canvas canvas,String text, int x, int y, Paint textPaint, int width){
    ArrayList<String> lines = new ArrayList<String>();
    String test = text;
    while(!test.isEmpty()){
        int newLength = textPaint.breakText(test, true, canvas.getWidth(), null);
        lines.add(test.substring(0, newLength));
        test = test.substring(newLength);
    }
    Rect bounds = new Rect();
    int yoff = 0;
    for(String line:lines){
        canvas.drawText(line, x, y + yoff, textPaint);
        textPaint.getTextBounds(line, 0, line.length(), bounds);
        yoff += bounds.height();
    }
}

替换此代码：

canvas.drawText(text[1], largura, altura2, textPaint);
canvas.drawText(text[2], largura, altura, textPaint);

使用这段代码：

this.splitAndDrawLines(canvas, text[1], largura, altura2, textPaint);
this.splitAndDrawLines(canvas, text[2], largura, altura, textPaint);

编辑2：

这是我用来设置和测试您的代码的代码：

    // Create a 100x100 bitmap
    bmp = Bitmap.createBitmap(100, 100, Bitmap.Config.ARGB_8888);
    // Set the height of the text to 12.
    this.tamanho = 12f;
    // Draw the text in the middle of the picture width-wise.
    this.largura = bmp.getWidth() / 2;
    // Text parameters
    this.text = new String[]{"MAKE THE TEXT WHITE", "This text starts in the middle of the middle is too long and will be split","Short text at the top of the image"}; 
    // Start one line size into the picture height-wise.
    this.altura = this.tamanho;
    // Start in the middle of the picture height-wise.
    this.altura2 = bmp.getHeight()/2;
    // Output File name.
    this.fname = "TEST.jpg";
    // Save the image
    SaveMyImage();