Question

Android 开发中 对下上两个图层的相关操作问题

我先上效果图：

然后下面的分别是两个图片，第一个是照片，也就是背景层。第二个是罩盖图。

下面就是我的源码：
package com.example.androidtest;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.util.AttributeSet;
import android.view.View;

public class TestView extends View {
private Paint redPaint;
private Bitmap bmp1, bmp2;

public TestView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}

public TestView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}

public TestView(Context context) {
super(context);
init();
}

private void init() {
bmp1 = BitmapFactory.decodeResource(getResources(), R.drawable.meinv);//背景
bmp2 = BitmapFactory.decodeResource(getResources(), R.drawable.meinv2);//罩盖

redPaint = new Paint();
redPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawBitmap(bmp1, 0f, 0f, null);
canvas.drawBitmap(bmp2, 0f, 0f, redPaint);
}
}
下面是XML布局代码：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#FFFFFF">

<com.example.androidtest.TestView
android:id="@+id/test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

</LinearLayout>

在上面代码中我设置两图相交的操作模式是DST_OUT(取下层绘制非交集部分) ，但是我不解的是我设置什么模式它都没效果，就像现在这个，反而会显示出黑色的颜色。现在我要的效果就是保留效果图中的美女部分（六角形内），其余黑色部分全部清掉（清掉之后可以看到白色的背景，实际就是只能看到六角形的美女部分），求大神停下您的脚步！小弟真诚请教！





Answer 1

黑色其实算是canvas板上的。
你想要那种透明可以看到activity的效果是需要在canvas上设置一个bitmap才可以的。
Canvas canvas = new Canvas();
canvas.setBitmap(bm_);

p.setColor(Color.TRANSPARENT);
p.setAntiAlias(true);
p.setStyle(Style.FILL);
p.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));

canvas.save();
Rect r = new Rect(0,0,w*2,h*2);

canvas.drawRect(r, p);
canvas_.drawBitmap(bm_, 0, 0,null);

追问

onDraw(Canvas canvas) 方法里不是已经有一个canvas了么？在我现在的基础怎么改呢？
大哥，急呀！在线等着啊！能不能清除点呢？

追答

     

    private void init() {

        bmp1 = BitmapFactory.decodeResource(getResources(), R.drawable.meinv);//背景

        bmp2 = BitmapFactory.decodeResource(getResources(), R.drawable.meinv2);//罩盖

        

bm_ = bmp1.copy(Config.ARGB_8888, true);

canvas.setBitmap(bm_);

         

        redPaint = new Paint();

        redPaint.setStyle(Style.FILL);

        redPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.XOR));

    }

     

    @Override

    protected void onDraw(Canvas _canvas) {

        super.onDraw(canvas);

        canvas.drawBitmap(bmp2, 0f, 0f, redPaint);

        _canvas.drawBitmap(bm_, 0, 0, null);

    }

}

 设置了紫色的背景。

追问

还是不行啊！还是显示黑色，你看看哪里有错吗？

Answer 2

@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);

//离屏缓存
int sr = canvas.saveLayer(0, 0, bmp1.getWidth(), bmp1.getHeight(), null, Canvas.ALL_SAVE_FLAG);

//绘制原图
canvas.drawBitmap(bmp1, 0, 0, null);

//绘制遮罩层
canvas.drawBitmap(bmp2, 0, 0, mPaint);

mPaint.setXfermode(null);
canvas.restoreToCount(sr);
}