Android Bitmap Masking(Xfermode)背后留下不透明的黑色背景

Hen*_*nry 11 android android-canvas android-view android-bitmap

我有一个自定义视图,在onDraw()我,我试图执行位图屏蔽.我有一个squareBitmap(红色)填充整个视图,我有一个circleBitmap(蓝色)充当面具.我正在使用模式:PorterDuff.Mode.DST_IN.

我期待的结果是一个红色的圆圈.我明白了,但我也得到了一个黑色的不透明背景.我不想要这种不透明的背景,而应该是透明的.Figure 1是我得到Figure 2的结果,是我正在寻找的结果.

图1:我得到的结果 图2:我正在寻找的结果

我的代码:( onDraw()为了这个问题,我把所有内容都移到了里面)

protected void onDraw(Canvas canvas) {

    final int width = canvas.getWidth();
    final int height = canvas.getHeight();

    Bitmap circleBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
    Canvas circleCanvas = new Canvas(circleBitmap);
    Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
    p.setStyle(Paint.Style.FILL_AND_STROKE);
    p.setColor(Color.BLUE);
    circleCanvas.drawCircle(width / 2, height / 2, width / 2, p);

    p.setColor(Color.RED);
    Bitmap squareBitmap = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_8888);
    Canvas squareCanvas = new Canvas(squareBitmap);
    final Rect squareRect = new Rect(0, 0, width, height);
    squareCanvas.drawRect(squareRect, p);

    Paint q = new Paint(Paint.ANTI_ALIAS_FLAG);
    canvas.drawBitmap(squareBitmap, 0, 0, q);
    q.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
    canvas.drawBitmap(circleBitmap, 0, 0, q);
    q.setXfermode(null);
}
Run Code Online (Sandbox Code Playgroud)


我哪里错了?如何避免这种黑色不透明背景?

Hen*_*nry 16

似乎要Xfermode完成,我需要将绘图重定向到屏幕外位图.所以添加以下内容解决了我的问题.

canvas.saveLayer(0, 0, canvas.getWidth(), canvas.getHeight(), q);
Run Code Online (Sandbox Code Playgroud)

不过话又说回来,在文档saveLayer表示,要避免使用此方法,因为它是昂贵的.建议使用harware层而不是此方法.

避免使用此方法,特别是如果提供的边界很大,或者saveFlags参数中省略了CLIP_TO_LAYER_SAVE_FLAG.建议在视图上使用硬件层来应用xfermode,颜色过滤器或alpha,因为它的性能比此方法好得多.

因此,saveLayer方法的内容,我能够通过添加以下内容来修复它:

setLayerType(LAYER_TYPE_HARDWARE, q);
Run Code Online (Sandbox Code Playgroud)

  • 我问题中的代码是完整的示例。我有一个扩展视图的类。我有一个在问题中的'onDraw()'方法。我添加的唯一使它起作用的方法是答案:“ setLayerType”。您可能想在现实世界中查看一下:http://stackoverflow.com/a/33483600/4747587 (2认同)