35

目标是在某物的顶部绘制位图，并绘制擦除位图底层区域的形状。

我有一个概念证明来尝试了解我应该如何去做。我发现了许多关于使用的提示：

android.graphics.PorterDuff.Mode.CLEAR

下面的代码创建了一个蓝色背景的屏幕并添加了一个自定义视图。此视图在其画布上从下到上绘制：粉红色背景，带有轻微插入以显示粉红色背景的位图，以及每个 PorterDuffXfermode 的黄色圆圈。

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.graphics.Paint.Style;
import android.graphics.PorterDuff.Mode;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.RelativeLayout;

public class Test extends Activity {
    Drawing d = null;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        
        RelativeLayout.LayoutParams rlp = null;
        
        // Create the view for the xfermode test
        d = new Drawing(this);
        rlp = new RelativeLayout.LayoutParams(600, 900);
        rlp.addRule(RelativeLayout.CENTER_IN_PARENT);
        d.setLayoutParams(rlp);
        
        RelativeLayout rl = new RelativeLayout(this);
        rl.setBackgroundColor(Color.rgb(0, 0, 255));
        rl.addView(d);
        
        // Show the layout with the test view
        setContentView(rl);
    }
    
    public class Drawing extends View {
        Paint[] pDraw = null;
        Bitmap bm = null;
        
        public Drawing(Context ct) {
            super(ct);
            
            // Generate bitmap used for background
            bm = BitmapFactory.decodeFile("mnt/sdcard/Pictures/test.jpg");
            
            // Generate array of paints
            pDraw = new Paint[16];
            
            for (int i = 0; i<pDraw.length; i++) {
                pDraw[i] = new Paint();
                pDraw[i].setARGB(255, 255, 255, 0);
                pDraw[i].setStrokeWidth(20);
                pDraw[i].setStyle(Style.FILL);
            }
            
            // Set all transfer modes
            pDraw[0].setXfermode(new PorterDuffXfermode(Mode.CLEAR));
            pDraw[1].setXfermode(new PorterDuffXfermode(Mode.DARKEN));
            pDraw[2].setXfermode(new PorterDuffXfermode(Mode.DST));
            pDraw[3].setXfermode(new PorterDuffXfermode(Mode.DST_ATOP));
            pDraw[4].setXfermode(new PorterDuffXfermode(Mode.DST_IN));
            pDraw[5].setXfermode(new PorterDuffXfermode(Mode.DST_OUT));
            pDraw[6].setXfermode(new PorterDuffXfermode(Mode.DST_OVER));
            pDraw[7].setXfermode(new PorterDuffXfermode(Mode.LIGHTEN));
            pDraw[8].setXfermode(new PorterDuffXfermode(Mode.MULTIPLY));
            pDraw[9].setXfermode(new PorterDuffXfermode(Mode.SCREEN));
            pDraw[10].setXfermode(new PorterDuffXfermode(Mode.SRC));
            pDraw[11].setXfermode(new PorterDuffXfermode(Mode.SRC_ATOP));
            pDraw[12].setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
            pDraw[13].setXfermode(new PorterDuffXfermode(Mode.SRC_OUT));
            pDraw[14].setXfermode(new PorterDuffXfermode(Mode.SRC_OVER));
            pDraw[15].setXfermode(new PorterDuffXfermode(Mode.XOR));
        }
        
        @Override
        public void onDraw(Canvas canv) {
            // Background colour for canvas
            canv.drawColor(Color.argb(255, 255, 0, 255));
            
            // Draw the bitmap leaving small outside border to see background
            canv.drawBitmap(bm, null, new RectF(15, 15, getMeasuredWidth() - 15, getMeasuredHeight() - 15), null);

            float w, h;
            w = getMeasuredWidth();
            h = getMeasuredHeight();

            // Loop, draws 4 circles per row, in 4 rows on top of bitmap
            // Drawn in the order of pDraw (alphabetical)
            for(int i = 0; i<4; i++) {
                for(int ii = 0; ii<4; ii++) {
                    canv.drawCircle((w / 8) * (ii * 2 + 1), (h / 8) * (i * 2 + 1), w / 8 * 0.8f, pDraw[i*4 + ii]);
                }
            }
        }
    }

}

这是测试的结果：

在此处输入图像描述

CLEAR 模式位于左上方，显示为黑色。

在我尝试使用它的另一个示例中，我有一个 DialogFragment，其中 CLEAR 模式擦除了整个 DialogFragment，以便可以看到下面的活动。因此，我在此测试中使用了许多不同的背景颜色。

这可能会像其他例子让我相信的那样清除整个活动的像素吗？我原以为只有与视图相关的画布像素可以被擦除，但在我的另一个示例中，自定义视图、底层图像视图和 DialogFragment 背景的像素都被清除了。

有人可以帮我理解到底发生了什么吗？

编辑： 我复制了一个例子来证实我的怀疑。当添加这个精确的自定义视图但在 DialogFragment 中时，底层活动变得可见。

在此处输入图像描述

对我来说，这似乎是一个非常明确的指标，它Mode.CLEAR是否也在以某种方式擦除下面视图的画布？我的猜测是第一个示例中的黑色是顶级视图的黑色？

4

3 回答 3

47

问题是硬件加速。为您正在使用 CLEAR 绘制的特定视图将其关闭。如果您使用的是自定义视图，请在构造函数中执行此操作：

if (android.os.Build.VERSION.SDK_INT >= 11) 
{
     setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

您还可以在视图引用上调用 setLayerType。

于 2012-11-08T20:36:24.970 回答
14

我看不出有什么意外。在 的特定情况下Mode.CLEAR，目标的颜色和 alpha 都被清除，从而允许显示黑色背景。该实用程序允许人们尝试各种模式、颜色和 alpha 值，并且来源可能会提供一些见解。在下面的（有些过时的）图像中，这些CLEAR区域显示了平台代表提供的微弱细条纹灰色PanelUI。

图片
（来源：sites.google.com 上的 Composite）

于 2012-07-05T06:09:21.377 回答
0

正如 Romain Guy 在这里指出的那样：谷歌你需要在位图上写的东西，而不是你想要清除的带有圆圈的画布，然后将其设置为视图中的主画布。因此，请执行以下操作：

// Generate bitmap used for background
            bm = BitmapFactory.decodeFile("mnt/sdcard/Pictures/test.jpg");

// Create the paint and set the bitmap
Canvas temp = new Canvas(bm.getHeight(), bm.getWidth, Config.ARGB_8888);

// in onDraw()
temp.drawCircle((w / 8) * (ii * 2 + 1), (h / 8) * (i * 2 + 1), w / 8 * 0.8f, pDraw[i*4 + ii]);

// After loop
canvas.drawBitmap(....);

希望这可以帮助。

于 2014-09-14T19:42:15.543 回答