效果图
核心代码
@Override
protected void onDraw(Canvas canvas) {
Bitmap bitmapPic=BitmapFactory.decodeResource(MyApplication.getInstance().getResources(),R.mipmap.gir);
Bitmap bitmap1= Bitmap.createBitmap(bitmapPic.getWidth(), bitmapPic.getHeight(), Bitmap.Config.ARGB_8888);
canvas.drawBitmap(bitmapPic,0,0,null);
canvas1=new Canvas(bitmap1);
canvas1.drawColor(0xaaFF00FF);
**paingBitmap.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));**
canvas1.drawCircle(bitmapPic.getWidth()/4+80,bitmapPic.getWidth()/4,bitmapPic.getWidth()/4,paingBitmap);
canvas.drawBitmap(bitmap1,0,0,null);
bitmapPic.recycle();
bitmap1.recycle();
}
关键点:paingBitmap.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
PorterDuff有16个模式
1.PorterDuff.Mode.CLEAR 所绘制不会提交到画布上。
2.PorterDuff.Mode.SRC显示上层绘制图片
3.PorterDuff.Mode.DST显示下层绘制图片
4.PorterDuff.Mode.SRC_OVER正常绘制显示,上下层绘制叠盖。
5.PorterDuff.Mode.DST_OVER上下层都显示。下层居上显示。
6.PorterDuff.Mode.SRC_IN取两层绘制交集。显示上层。
7.PorterDuff.Mode.DST_IN取两层绘制交集。显示下层。
8.PorterDuff.Mode.SRC_OUT取上层绘制非交集部分。
9.PorterDuff.Mode.DST_OUT取下层绘制非交集部分。
10.PorterDuff.Mode.SRC_ATOP取下层非交集部分与上层交集部分
11.PorterDuff.Mode.DST_ATOP取上层非交集部分与下层交集部分
12.PorterDuff.Mode.XOR异或:去除两图层交集部分
13.PorterDuff.Mode.DARKEN取两图层全部区域,交集部分颜色加深
14.PorterDuff.Mode.LIGHTEN取两图层全部,点亮交集部分颜色
15.PorterDuff.Mode.MULTIPLY取两图层交集部分叠加后颜色
16.PorterDuff.Mode.SCREEN 取两图层全部区域,交集部分变为透明色
注意:不要在onDraw里面创建Paint,容易造成频繁的GC
源码
public class lightPicView extends View {
private Paint paingBitmap;
private Canvas canvas1;
public lightPicView(Context context) {
super(context);
}
public void initData(){
paingBitmap=new Paint();
paingBitmap.setAntiAlias(true);
}
public lightPicView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
initData();
}
public lightPicView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
}
@Override
protected void onDraw(Canvas canvas) {
Bitmap bitmapPic=BitmapFactory.decodeResource(MyApplication.getInstance().getResources(),R.mipmap.gir);
Bitmap bitmap1= Bitmap.createBitmap(bitmapPic.getWidth(), bitmapPic.getHeight(), Bitmap.Config.ARGB_8888);
canvas.drawBitmap(bitmapPic,0,0,null);
canvas1=new Canvas(bitmap1);
canvas1.drawColor(0xaaFF00FF);
paingBitmap.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
canvas1.drawCircle(bitmapPic.getWidth()/4+80,bitmapPic.getWidth()/4,bitmapPic.getWidth()/4,paingBitmap);
canvas.drawBitmap(bitmap1,0,0,null);
}
}