Android：着色器在“onDraw(canvas)”和“new Canvas(bitmap)”中的行为不同

Question

我正在尝试创建反射阴影并发现了一个问题。

请在我的自定义视图中找到以下代码：

@Override
protected void onDraw(Canvas canvas) {
    //prepare
    canvas.drawColor(Color.GRAY);
    Bitmap source = BitmapFactory.decodeResource(getResources(), R.drawable.icon);

    //First Column
    canvas.drawBitmap(source, 0, 0, new Paint());

    //2nd Column
    canvas.drawBitmap(source, source.getWidth(), 0, new Paint());

    //Reflection
    Matrix matrix = new Matrix();
    matrix.preScale(1.0f, -1.0f);
    matrix.postTranslate(source.getWidth(), source.getHeight()*2);
    canvas.drawBitmap(source, matrix, new Paint());

    Paint paint2 = new Paint();
    LinearGradient shader = new LinearGradient(
            source.getWidth()*3/2, 
            source.getHeight(),
            source.getWidth()*3/2,
            source.getHeight()*2,
            0x7FFFFFFF, 0x00FFFFFF, TileMode.CLAMP);
    paint2.setShader(shader);
    paint2.setXfermode(new PorterDuffXfermode(
            android.graphics.PorterDuff.Mode.DST_IN));
    canvas.drawRect(
            source.getWidth(), 
            source.getHeight(),
            source.getWidth()*2,
            source.getHeight()*2,
            paint2);

    //3rd Column
    Bitmap bitmap = Bitmap.createBitmap(source.getWidth(), source.getHeight()*2, Config.ARGB_8888);
    Canvas canvas2 = new Canvas(bitmap);
    canvas2.drawBitmap(source, 0, 0,  new Paint());
    matrix = new Matrix();
    matrix.preScale(1.0f, -1.0f);
    matrix.postTranslate(0, source.getHeight()*2);
    canvas2.drawBitmap(source, matrix, new Paint());


    paint2 = new Paint();
    shader = new LinearGradient(
            source.getWidth()*1/2, 
            source.getHeight(),
            source.getWidth()*1/2,
            source.getHeight()*2,
            0x7FFFFFFF, 0x00FFFFFF, TileMode.CLAMP);
    paint2.setShader(shader);
    paint2.setXfermode(new PorterDuffXfermode(
            android.graphics.PorterDuff.Mode.DST_IN));
    canvas2.drawRect(
            0, 
            source.getHeight(),
            source.getWidth(),
            source.getHeight()*2,
            paint2);

    canvas.drawBitmap(bitmap, source.getWidth()*2,0, new Paint());
}

我在 canvas（我从 onDraw(canvas) 获得）和 canvas2（使用 new Canvas(bitmap) 创建）中做同样的事情

但是，两者绘制不同的着色器效果如下：

为什么着色器效果不同？

Answer 1

考虑第二列的黑色矩形：

PorterDuff.MODE.DST_IN 定义为 [Sa*Da, Sa*Dc]。由于目标像素是恒定的不透明灰色 (Da=1)，因此结果的 Alpha 通道将设置为线性渐变中的 Alpha 通道，范围从 0.5 到 1。

您的问题就在那里...在第二列中，您将窗口画布的像素设置为部分透明。从下面透出什么？窗口背景，仍然是默认的黑色。

在第 3 列中，您首先绘制到离屏位图，然后将部分透明的离屏位图绘制到窗口画布。这是因为传入的像素（来自屏幕外位图）并没有完全替换已经存在的像素，而是与目标缓冲区混合（在 PorterDuff 术语中，我认为它相当于 SRC_ATOP）。