Android 理解PorterDuffXfermode叠加模式

关于 PorterDuffXfermode的讲解在网上有很多相关的教程,以下只是针对我自己在使用过程中遇到的问题做补充说明:


以上所有格子应该看做一张图片(包括图片的大小)

src需要是一张图片,才能体现周边的透明度
怎么理解这句话呢?
如果在View的Canvas上绘制src,比如drawCircle(xxx),所代表的区域仅仅是圆形的区域或圆环的区域,此刻的相互影响部分也只有这部分 圆形区域
而一张内部包含圆形,其他为透明的图片的影响区域是这个图片的整个 矩形区域

如图:黑色边框表示影响区域
 
Bitmap


drawCircle


比如设置SRCIN模式


因为只影响红色框内的区域,所以其他位置不发生改变



-------------------------------------------------------------
代码实例:

2张 图片的叠加(如果是dst直接在View的canvas上绘制的话,透明部分会变成黑色)
private void init() {
paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setStyle(Paint.Style.FILL);

//初始化2张大小一样的图片,因为只有一样大的图片src才会影响dst的整个区域
dst = Bitmap.createBitmap(250, 250, Bitmap.Config.ARGB_8888);
src = Bitmap.createBitmap(250, 250, Bitmap.Config.ARGB_8888);

initSrc();
initDst();
}

private void initDst() {
Canvas canvas = new Canvas(dst);
paint.setColor(Color.TRANSPARENT);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
canvas.drawPaint(paint);//清空Bitmap内容
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
paint.setColor(Color.YELLOW);
canvas.drawCircle(100, 100, 100, paint);//绘制黄色的圆
}

private void initSrc() {
Canvas canvas = new Canvas(src);
paint.setColor(Color.TRANSPARENT);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
canvas.drawPaint(paint);//清空Bitmap内容
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
paint.setColor(Color.BLUE);
canvas.drawRect(100, 100, 250, 250, paint);//绘制蓝色的矩形
}

@Override
protected void onDraw(Canvas canvas) {
//初始化一张dst图片(黄色的圆)
initDst();
//初始化一张src图片(蓝色的矩形)
initSrc();

//在dst图片的基础上绘制src图片
Canvas c = new Canvas(dst);
paint.setXfermode(xmode);
c.drawBitmap(src, 0, 0, paint);

//将最终结果图绘制到canvas
paint.setXfermode(null);
canvas.drawBitmap(dst, 0, 0, paint);
}

-----------------------------------------------------------------------

绘制带透明的Bitmap
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER));
canvas.drawBitmap(src, 0, 0,paint);


  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值