Android：如何叠加位图并在位图上绘制？

Question

我实际上有三个问题：

1. 在位图上绘制图像或创建位图作为资源然后在位图上绘制它更好吗？性能方面，哪一个更好？
2. 如果我想在位图上绘制透明的东西，我该怎么做？
3. 如果我想将一个透明位图覆盖在另一个透明位图上，我该怎么做？

很抱歉列出了很长的清单，但为了学习的兴趣，我想探索这两种方法。

Answer 1

您可以这样做：

public void putOverlay(Bitmap bitmap, Bitmap overlay) {
    Canvas canvas = new Canvas(bitmap);
    Paint paint = new Paint(Paint.FILTER_BITMAP_FLAG);
    canvas.drawBitmap(overlay, 0, 0, paint);
} 

这个想法非常简单：一旦将位图与画布关联起来，您就可以调用画布的任何方法来绘制位图。

这适用于具有透明度的位图。如果位图具有 Alpha 通道，则该位图将具有透明度。查看 Bitmap.Config。您可能想使用 ARGB_8888。

重要提示：请查看此 Android 示例，了解执行绘图的不同方式。这会对你有很大帮助。

就性能而言（确切地说，就内存而言），位图是最好使用的对象，因为它们只是包装本机位图。 ImageView 是 View 的子类，BitmapDrawable 内部包含 Bitmap，但它还包含许多其他内容。但这过于简单化了。您可以建议特定于性能的场景以获得准确的答案。

Answer 2

public static Bitmap overlayBitmapToCenter(Bitmap bitmap1, Bitmap bitmap2) {
    int bitmap1Width = bitmap1.getWidth();
    int bitmap1Height = bitmap1.getHeight();
    int bitmap2Width = bitmap2.getWidth();
    int bitmap2Height = bitmap2.getHeight();

    float marginLeft = (float) (bitmap1Width * 0.5 - bitmap2Width * 0.5);
    float marginTop = (float) (bitmap1Height * 0.5 - bitmap2Height * 0.5);

    Bitmap overlayBitmap = Bitmap.createBitmap(bitmap1Width, bitmap1Height, bitmap1.getConfig());
    Canvas canvas = new Canvas(overlayBitmap);
    canvas.drawBitmap(bitmap1, new Matrix(), null);
    canvas.drawBitmap(bitmap2, marginLeft, marginTop, null);
    return overlayBitmap;
}

Answer 3

如果目的是获取位图，这很简单：

Canvas canvas = new Canvas();
canvas.setBitmap(image);
canvas.drawBitmap(image2, new Matrix(), null);

最终image将包含image和image2的重叠部分。

Answer 4

对于 Kotlin 粉丝：

1. 您可以创建一个更通用的扩展：

 private fun Bitmap.addOverlay(@DimenRes marginTop: Int, @DimenRes marginLeft: Int, overlay: Bitmap): Bitmap? {
        val bitmapWidth = this.width
        val bitmapHeight = this.height
        val marginLeft = shareBitmapWidth - overlay.width - resources.getDimension(marginLeft)
        val finalBitmap = Bitmap.createBitmap(bitmapWidth, bitmapHeight, this
            .config)

        val canvas = Canvas(finalBitmap)
        canvas.drawBitmap(this, Matrix(), null)
        canvas.drawBitmap(overlay, marginLeft, resources.getDimension(marginTop), null)
        return finalBitmap
    }

2. 然后按如下方式使用它：

 bitmap.addOverlay( R.dimen.top_margin, R.dimen.left_margin, overlayBitmap)

Answer 5

public static Bitmap createSingleImageFromMultipleImages(Bitmap firstImage, Bitmap secondImage, ImageView secondImageView){

    Bitmap result = Bitmap.createBitmap(firstImage.getWidth(), firstImage.getHeight(), firstImage.getConfig());
    Canvas canvas = new Canvas(result);
    canvas.drawBitmap(firstImage, 0f, 0f, null);
    canvas.drawBitmap(secondImage, secondImageView.getX(), secondImageView.getY(), null);

    return result;
}

Answer 6

我不敢相信还没有人回答这个问题！ SO 上罕见发生！

1

这个问题对我来说不太有意义。但我会尝试一下。
如果您询问直接绘制到画布（多边形、阴影、文本等）与加载位图并将其位图传输到画布上，这将取决于绘图的复杂性。
随着绘图变得更加复杂，所需的 CPU 时间也会相应增加。
然而，将位图传输到画布上始终需要恒定的时间，该时间与位图的大小成正比。

2

在不知道“某事”是什么的情况下，我如何向您展示如何做？
您应该能够从#3 的答案中找出#2。

3

假设：

• bmp1 大于 bmp2。

• 您希望它们都从左上角重叠。

   私有位图叠加（位图 bmp1，位图 bmp2）{
          位图 bmOverlay = Bitmap.createBitmap(bmp1.getWidth(), bmp1.getHeight(), bmp1.getConfig());
          画布 canvas = new Canvas(bmOverlay);
          canvas.drawBitmap(bmp1, new Matrix(), null);
          canvas.drawBitmap(bmp2, new Matrix(), null);
          返回bmOverlay；
      }