Android PorterDuff.Mode图形混合处理

  PorterDuff.Mode,刚接触到这个名字的时候,看不懂什么意思。通过翻译也没有查出结果,后来通过一篇博客了解到原来PorterDuff是两个人的名字的组合:Tomas Proter和 Tom Duff.,他们是最早在SIGGRAPH上提出图形混合概念的大神级人物。通过这一点,其实我们就可以了解到,原来PorterDuff原来是处理图形的混合的,是一种渲染效果。

  在看PorterDuff如何添加效果之前我们首先要先看, Xfermode的概念。

Xfermode

  Xfermode也是凸显绚烂的方式,可以通过修改Paint的Xfermode来影响在Canvas已有的图像上面绘制新的颜色的方式 。
  
通过API我们可以查询到Xfermode包含三个子类:

AvoidXfermode:指定了一个颜色和容差,强制Paint避免在它上面绘图(或者只在它上面绘图)。
PixelXorXfermode: 当覆盖已有的颜色时,应用一个简单的像素异或操作。
PorterDuffXfermode: 这是一个非常强大的转换模式,使用它,可以使用图像合成的16条Porter-Duff规则的任意一条来控制Paint如何与已有的Canvas图像进行交互。到这我们终于知道为什么要介绍Xfermode的了。

PorterDuff.Mode

不免俗套,先贴出16种模式的效果图:

这里写图片描述

现在再来介绍下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
取两图层全部区域,交集部分变为透明色。

PorterDuff.Mode的使用 ##

  使用PorterDuff.Mode不能直接在View的画布上使用,也就是不能在自定义View的onDraw()方法中使用。必须在Bitmap的Canvas上使用,PorterDuff.Mode效果是应用在Paint上的,通过Paint来设置效果。我们来看具体的步骤和代码。
  
1. 创建一个Bitmap对象。
2. 创建一个Bitmap对象的Canvas画布。
3. 在Bitmap的Canvas上绘制图形,在绘制的图形的Paint上通过setXfermode(Xfermode xfermode)添加图形混合效果,该方法传入的是一个Xfermode对象,所以使我们要先创建一个Xfermode 的对象:

PorterDuffXfermode mode  = new PorterDuffXfermode(PorterDuff.Mode.XOR);
  1. 这样效果就添加成功了。
public class MyBitmapViewAnother extends View {
    private int width;//设置高
    private int height;//设置高
    private Paint mPaint;
    //设置一个Bitmap
    private Bitmap bitmap;
    //创建该Bitmap的画布
    private Canvas bitmapCanvas;
    private Paint mPaintCirlcle;
    private Paint mPaintRect;

    public MyBitmapViewAnother(Context context) {
        super(context);
    }

    public MyBitmapViewAnother(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();//Bitmap的画笔

        mPaintCirlcle = new Paint();
        mPaintCirlcle.setAntiAlias(true);
        mPaintCirlcle.setColor(Color.YELLOW);
//        PorterDuffXfermode mode  = new PorterDuffXfermode(PorterDuff.Mode.DST_OVER);
//        mPaintCirlcle.setXfermode(mode);

        mPaintRect = new Paint();
        mPaintRect.setAntiAlias(true);
        mPaintRect.setColor(Color.GRAY);
        PorterDuffXfermode mode = new PorterDuffXfermode(PorterDuff.Mode.XOR);
        mPaintRect.setXfermode(mode);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
        height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
        setMeasuredDimension(width, height);//设置宽和高
        //自己创建一个Bitmap
        bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        bitmapCanvas = new Canvas(bitmap);//该画布为bitmap的
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //设置该View画布的背景
        canvas.drawColor(Color.LTGRAY);
        canvas.drawBitmap(bitmap, 0, 0, mPaint);

        bitmapCanvas.drawCircle(width / 2, height / 2, width / 2, mPaintCirlcle);
        bitmapCanvas.drawRect(0, 0, width / 2, height / 2, mPaintRect);
    }
}

  代码中使用的是PorterDuff.Mode.XOR交集部分不显示的效果。
  
这里写图片描述

  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小_爽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值