Android setXfermode之ProterXfermode

已于 2022-08-12 14:23:47 修改
阅读量609 收藏
点赞数
分类专栏： Android 文章标签： android java android studio
于 2022-08-05 20:06:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cycy1821/article/details/126184240
版权

ProterDuffXfermode

图片混合模式(18种)
先画的为目标图(DST)
后画的为源图(SRC)

画图与Bitmap的区别

官方示例采用的drawBitmap，是两个大小相同且绘制区域并不会充满整个bitmap
画图例如drawCircle等，使用setXfermode其作用域是第二次绘制的图案的部分，所以部分的DST(目标图)本应该改变但没有

官方API示例源码

MainActivity.java

public class MainActivity extends AppCompatActivity{
    
    static Bitmap makeDst(int w,int h){
        Bitmap bm = Bitmap.createBitmap(w,h,Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bm);
        Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
        p.setColor(0xFFFFCC44);
        canvas.drawOval(new RecF(0,0,w*3/4,h*3/4),p);
        return bm;
    }
    
    static Bitmap makeSrc(int w,int h){
        Bitmap bm = Bitmap.createBitmap(w,h,Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bm);
        Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
        p.setColor(0xFF66AAFF);
        canvas.drawRect(w/3,h/3,w*19/20,h*19/20,p);
        return bm;
    }
    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(new SampleView(this));    
    }
}

SampleView.java

private static class SampleView extends View{
    private static final int W = 200;
    private static final int H = 200;
    private static final int ROW_MAX = 4;
    private Bitmap mSrcB;
    private Bitmap mDstB;
    private Shader mBG;
    private static final Xfermode[] sModes = {
        new PorterDuffXfermode(PorterDuff.Mode.CLEAR),
        new PorterDuffXfermode(PorterDuff.Mode.SRC),
        new PorterDuffXfermode(PorterDuff.Mode.DST),
        new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER),
        new PorterDuffXfermode(PorterDuff.Mode.DST_OVER),
        new PorterDuffXfermode(PorterDuff.Mode.SRC_IN),
        new PorterDuffXfermode(PorterDuff.Mode.DST_IN),
        new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT),
        new PorterDuffXfermode(PorterDuff.Mode.DST_OUT),
        new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP),
        new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP),
        new PorterDuffXfermode(PorterDuff.Mode.XOR),
        new PorterDuffXfermode(PorterDuff.Mode.DARKEN),
        new PorterDuffXfermode(PorterDuff.Mode.LIGHTEN),
        new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY),
        new PorterDuffXfermode(PorterDuff.Mode.SCREEN)
    };
    private static final String[] sLabels = {
        "Clear","Src","Dst","SrcOver",
        "DstOver","SrcIn","DstIn","SrcOut",
        "DstOut","SrcATop","DstATop","Xor",
        "Darken","Lighten","Mutiply","Screen"    
    };
    private SampleView(Context context){
        super(context);
        mSrcB = makeSrc(W,H);
        mDstB = makeDst(W,H);
        // make a ckeckerboard pattern(棋盘图案)
        Bitmap bm = Bitmap.createBitmap(new int[]{0xFFFFFFFF,0xFFCCCCCC,0xFFCCCCCC,0xFFFFFFFF},2,2,Bitmap.Config.RGB_565);
        mBG = new BitmapShader(bm,Shader.TileMode.REPEAT,Shader.TileMode.REPEAT);
        Matrix m = new Matrix();
        m.setScale(6,6);
        mBG.setLocalMatrix(m);
    }
    @Override
    protected void onDraw(Canvas canvas){
        canvas.drawColor(Color.WHITE);
        Paint labelP = new Paint(Paint.ANTI_ALIAS_FLAG);
        labelP.setTextAlign(Paint.Align.CENTER);
        Paint paint = new Paint();
        paint.setFilterBitmao(false);
        canvas.translate(15,35);
        int x = 0;
        int y = 0;
        for(int i=0;i<sModes.length;i++){
            //draw the border
            paint.setStyle(Paint.Style.STROKE);
            paint.setShader(null);
            canvas.drawRect(x-0.5f,y-0.5f,x+W+0.5f,y+H+0.5f,paint);
            //draw the cheker-board pattern
            paint.setStyle(Paint.Style.FILL);
            paint.setShader(mBG);
            canvas.drawRect(x,y,x+W,y+H,paint);
            //draw the src/dst example into our offscreen bitmap
            int sc = canvas.saveLayer(x,y,x+W,y+H,null,Canvas.ALL_SAVE_FLAG);
            canvas.translate(x,y);
            canvas.drawBitmap(mDstB,0,0,paint);
            paint.setXfermode(sModes[i]);
            canvas.drawBitmap(mSrcB,0,0,paint);
            paint.setXfermode(null);
            canvas.restoreToCount(sc);
            //draw the label
            canvas.drawText(sLabels[i],x+W/2,y-labelP.getTextSize()/2,labelP);
            x+=W+10;
            //wrap around when we've drawn enough for one row
            if((i%ROW_MAX)==ROW_MAX-1){
                x=0;
                y+=H+30;
            }
        }
    }
}

效果图

在这里插入图片描述

原始的画图模式

protected void onDraw(Canvas canvas){
    super.onDraw(canvas);
    canvas.drawARGB(255,255,156,161);//设置背景色
    drawDst(canvas,mPaint);
    drawSrc(canvas,mPaint);
}
private void drawDst(Canvas canvas,Paint p){
    p.setColor(0xFFFFCC44);
    int w = canvas.getWidth()/3;
    canvas.drawCircle(w,w,w,p);
}
private void drawSrc(Canvas canvas,Paint paint){
    paint.setColor(0xFF66AAFF);
    int r = canvas.getWidth()/3;
    canvas.drawRect(r,r,r*2.7f,r*2.7f,paint);
}

CLEAR

源覆盖的目标图清零

画图

protected void onDraw(Canvas canvas){
    super.onDraw(canvas);
    canvas.drawARGB(255,255,156,161);
    drawDst(canvas,mPaint);
    mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
    drawSrc(canvas,mPaint);
    mPaint.setXfermode(null);
}

在这里插入图片描述
实现了效果，但是是黑色一块

根据源码实现不加图层渲染的CLEAR模式

使用两个Bitmap进行操作，但是不加canvas.saveLayer()

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawBitmap(mDstBitmap,0,0,mPaint);
    mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
    canvas.drawBitmap(mSrcBitmap,0,0,mPaint);
    mPaint.setXfermode(null);
}

原因：

Activity本身的颜色是黑色，所以CLEAR模式下，两个Bitmap实现了CLEAR效果，所以展示的是Activity的颜色(貌似其余人的都是白色的？

加了图层渲染后

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
    canvas.drawBitmap(mDstBitmap,0,0,mPaint);
    mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
    canvas.drawBitmap(mSrcBitmap,0,0,mPaint);
    mPaint.setXfermode(null);
    canvas.restoreToCount(sc);
}

实现了效果
在这里插入图片描述

按照传统的画图形式呈现CLEAR

先画圆(Dst)，画笔设置PorterDuff.Mode.CLEAR后，再绘制矩形(此处加了canvas.saveLayer())
实际上作用域为第二次绘画的大小
在这里插入图片描述

SRC

定义/概念

源像素(SRC)替换目标像素(DST)

传统的画图形式
不加图层渲染
int w = 200;
int h = 200;
mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.ADD));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);

在这里插入图片描述

加图层渲染
int w = 200;
int h = 200;
int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.ADD));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

使用drawBitmap形式

实现官方效果

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);

在这里插入图片描述

DST

概念

源像素被丢弃，目标像素保留
这种情况下，不论是传统形式还是官方示例操作，或者是加不加图层渲染，呈现的结果都一样

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
//canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST));
mPaint.setColor(Color.GREEN);
//canvas.drawBitmap(mSrcB,0,0,mPaint);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

SRC_OVER

概念

源像素绘制在目标像素之上
结论同上

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
//canvas.drawCircle(w/3,h/3,h/3,mPaint);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
//canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

DST_OVER

概念

源像素绘制在目标像素后面

画图形式

不加图层渲染
mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OVER));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);

在这里插入图片描述

图层渲染
int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OVER));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);

在这里插入图片描述

drawBitmap

效果对应同上

SRC_IN

概念

保留覆盖目标像素的源像素，丢弃剩余的源像素和目标像素

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

画图形式

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

DST_IN

概念

保留覆盖源像素的目标像素，丢弃剩余的源像素和目标像素

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

画图形式

作用域是第二次绘制的，第二次绘制的是源像素，所以会显示不见，只有目标像素

mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);

在这里插入图片描述

SRC_OUT

概念

保留不覆盖目标像素的源像素，丢弃覆盖目标像素的源像素，丢弃所有目标像素

画图

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

DST_OUT

概念

保留未被源像素覆盖的目标像素，丢弃被源像素覆盖的目标像素，丢弃所有的源像素

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

画图

同上

SRC_ATOP

概念

丢弃不覆盖目标像素的源像素，在目标像素上绘制剩余的源像素

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);

在这里插入图片描述

画图

结果同上

DST_ATOP

概念

丢弃未被源像素覆盖的目标像素，在源像素上绘制剩余的目标像素

画图

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP));
mPaint.setColor(Color.GREEN);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

XOR

概念

丢弃源像素覆盖目标像素的源像素和目标像素，，绘制剩余的源像素

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.XOR));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

画图

同上

DARKEN

概念

保留源像素和目标像素的最小分量

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DARKEN));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

画图

同上

LIGHTEN

概念

保留源像素和目标像素最大的分量

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(Color.RED);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.LIGHTEN));
mPaint.setColor(Color.GREEN);
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

画图

同上

MULTIPLY

概念

源像素和目标像素相乘

画图

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
mPaint.setColor(0xFFFFCC44);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY));
mPaint.setColor(0xFF66AAFF);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

drawBitmap

int sc = canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(),null,Canvas.ALL_SAVE_FLAG);
canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY));
canvas.drawBitmap(mSrcB,0,0,mPaint);
mPaint.setXfermode(null);
canvas.restoreToCount(sc);

在这里插入图片描述

SCREEN

概念

先绘制源像素和目标像素，再减去源像素乘以目标

drawBitmap

canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SCREEN));
canvas.drawBitmap(mSrcB,0,0,mPaint);

在这里插入图片描述

画图

同上

ADD

概念

将源像素添加到目标像素并使结果饱和

drawBitmap

canvas.drawBitmap(mDstB,0,0,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.ADD));
canvas.drawBitmap(mSrcB,0,0,mPaint);

在这里插入图片描述

画图

同上

OVERLAY

概念

Multiplies or screens the source and destination depending on the destination color.

画图

mPaint.setColor(0xFFFFCC44);
canvas.drawCircle(w/3,h/3,h/3,mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.OVERLAY));
mPaint.setColor(0xFF66AAFF);
canvas.drawRect(w/3,h/3,w/4*3,h/4*3,mPaint);

在这里插入图片描述

drawBitmap

同上

整体

MyView.java

private void init(){
        mPaint = new Paint();
        mPaint.setColor(Color.RED);
    }
    
@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int sc = canvas.saveLayer(0,0,getWidth(),getHeight(),mPaint);
        XfermodeUtil.drawPattern(canvas,mPaint);
        canvas.restoreToCount(sc);
    }

XfermodeUtil.java

public static final Xfermode[] sModes = {
            new PorterDuffXfermode(PorterDuff.Mode.ADD),
            new PorterDuffXfermode(PorterDuff.Mode.CLEAR),
            new PorterDuffXfermode(PorterDuff.Mode.DST),
            new PorterDuffXfermode(PorterDuff.Mode.DST_ATOP),
            new PorterDuffXfermode(PorterDuff.Mode.DST_IN),
            new PorterDuffXfermode(PorterDuff.Mode.DST_OUT),
            new PorterDuffXfermode(PorterDuff.Mode.DARKEN),
            new PorterDuffXfermode(PorterDuff.Mode.DST_OVER),
            new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY),
            new PorterDuffXfermode(PorterDuff.Mode.OVERLAY),
            new PorterDuffXfermode(PorterDuff.Mode.SCREEN),
            new PorterDuffXfermode(PorterDuff.Mode.SRC),
            new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP),
            new PorterDuffXfermode(PorterDuff.Mode.SRC_IN),
            new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER),
            new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT),
            new PorterDuffXfermode(PorterDuff.Mode.LIGHTEN),
            new PorterDuffXfermode(PorterDuff.Mode.XOR)
    };

    public static void drawPattern(Canvas canvas, Paint mPaint){
        canvas.drawCircle(100,100,100,mPaint);
        canvas.drawCircle(400,100,100,mPaint);
        canvas.drawCircle(800,100,100,mPaint);

        canvas.drawCircle(100,400,100,mPaint);
        canvas.drawCircle(400,400,100,mPaint);
        canvas.drawCircle(800,400,100,mPaint);

        canvas.drawCircle(100,700,100,mPaint);
        canvas.drawCircle(400,700,100,mPaint);
        canvas.drawCircle(800,700,100,mPaint);

        canvas.drawCircle(100,1000,100,mPaint);
        canvas.drawCircle(400,1000,100,mPaint);
        canvas.drawCircle(800,1000,100,mPaint);

        canvas.drawCircle(100,1300,100,mPaint);
        canvas.drawCircle(400,1300,100,mPaint);
        canvas.drawCircle(800,1300,100,mPaint);

        canvas.drawCircle(100,1600,100,mPaint);
        canvas.drawCircle(400, 1600,100,mPaint);
        canvas.drawCircle(800,1600,100,mPaint);

        mPaint.setColor(Color.GREEN);
        mPaint.setXfermode(sModes[0]);
        canvas.drawRect(100,100,300,300,mPaint);
        mPaint.setXfermode(sModes[1]);
        canvas.drawRect(400,100,600,300,mPaint);
        mPaint.setXfermode(sModes[2]);
        canvas.drawRect(800,100,900,300,mPaint);

        mPaint.setXfermode(sModes[3]);
        canvas.drawRect(100,400,300,600,mPaint);
        mPaint.setXfermode(sModes[4]);
        canvas.drawRect(400,400,600,600,mPaint);
        mPaint.setXfermode(sModes[5]);
        canvas.drawRect(800,400,1000,600,mPaint);

        mPaint.setXfermode(sModes[6]);
        canvas.drawRect(100,700,300,900,mPaint);
        mPaint.setXfermode(sModes[7]);
        canvas.drawRect(400,700,600,900,mPaint);
        mPaint.setXfermode(sModes[8]);
        canvas.drawRect(800,700,1000,900,mPaint);

        mPaint.setXfermode(sModes[9]);
        canvas.drawRect(100,1000,300,1200,mPaint);
        mPaint.setXfermode(sModes[10]);
        canvas.drawRect(400,1000,600,1200,mPaint);
        mPaint.setXfermode(sModes[11]);
        canvas.drawRect(800,1000,1000,1200,mPaint);

        mPaint.setXfermode(sModes[12]);
        canvas.drawRect(100,1300,300,1500,mPaint);
        mPaint.setXfermode(sModes[13]);
        canvas.drawRect(400,1300,600,1500,mPaint);
        mPaint.setXfermode(sModes[14]);
        canvas.drawRect(800,1300,1000,1500,mPaint);

        mPaint.setXfermode(sModes[15]);
        canvas.drawRect(100,1600,300,1800,mPaint);
        mPaint.setXfermode(sModes[16]);
        canvas.drawRect(400,1600,600,1800,mPaint);
        mPaint.setXfermode(sModes[17]);
        canvas.drawRect(800,1600,1000,1800,mPaint);
    }

输出

在这里插入图片描述

注

BitmapShader

使用特定的图片来作为纹理来使用

构造函数

//bitmap:作为纹理的图片
//tileX/Y:在X/Y方向纹理的绘制模式
public BitmapShader(@NonNull Bitmap bitmap,TileMode tileX,TileMode tileY)
小先生Zcutie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android setXfermode
qq_36523667的博客
02-21 630
上篇文章那个需求，我用了clip path，最后发现不行（主要是安卓的白色=透明），最后还是打算用setXfermode这个方式先复制下参数的意思这张图片从一定程度上形象地说明了图形混合的作用，两个图形一圆一方通过一定的计算产生不同的组合效果，在API中Android为我们提供了18种（比上图多了两种ADD和OVERLAY）模式：　　　ADD:饱和相加,对图像饱和度进行相加,不常用　　CLEAR:...
Android的遮罩层（蒙板）效果 setXfermode
热门推荐
u010949962的专栏
12-13 1万+
Android的遮罩效果就是把一张图片盖在另一张图片的上面，通过控制任意一张图片的显示百分比实现遮罩效果。下面我使用两张一样的图片来实现一个类似于 Android 的progressbar 的填充效果。使用遮罩效果来实现progressbar的效果的好处是，我们可以只改变图片就可以更改progress的进度填充效果，并且我们可以实现任意形式的填充效果，就比如横竖填充，扇形逆/顺时填充针等。
setXfermode讲解
04-07
Android Paint之 setXfermode PorterDuffXfermode 讲解！
Android绘图篇(六)——setXfermode
huxin1875的博客
04-12 1544
上一篇：Android绘图篇(五)——setShader 设置着色器 上篇总结了Paint中的setShader方法，这篇来总结下setXfermode方法。setXfermode需要传入一个Xfermode对象。来看下这个类的介绍： 它是一种图像混合模式，当然只知道这个，并不能理解它是干嘛的，也不知道怎么用，不过没关系，通过一个个例子就能逐渐体会它的奥妙。至于使用的时候，只需要传入其子类就行了...
Android自定义控件开发入门与实战（11）Xfermode
最新发布
2401_84415451的博客
05-02 1052
示例二、融合两张图片：如上面所说的，既然可以将图片中的白色在容差100下替换成红色，那我们能不能不要把它替换成纯色，而是替换成一张图片呢？答案是可以的：canvas.drawBitmap()BitmapFactory.decodeResource(getResources(),R.drawable.xxx,null.new Rect(0,0,getWidth,getHeight(),mPaint);上面就可以做到啦。但是我还是AvoidXfermode包，所以这里就不展示的。AvoidXfermode绘制原
Android Paint 进阶之 图层混合模式（Xfermode）
zb987570437的博客
09-04 3078
上一节概述了Paint进阶需要掌握的API，这一节针对图层混合模式进行讲解，主要是Xfermode的使用。 1.概念 图层混合模式是将所绘制的像素与canvas中对应位置的像素按照一定规则进行混合，形成新的像素值，最终更新canvas中最终显示的像素值。 2.使用场景 图层混合模式使用的三种场景：1.ComposeShader（混合渲染）；2.画笔的Paint.se...
Android自定义控件开发入门与实战（11）Xfermode，备战三个月
jixuczy的博客
03-20 1039
上图中的Sa表示Source Alpha，表示资源的Alpha通道，Sc的全称为Source color，表示源图像的颜色，Da表示Destination alpha，表示目标图像的alpha通道，Destination color表示目标图像的颜色。因为SRC_IN是根据目标图像的透明值来计算结果的透明和颜色的，所以当目标的透明值在0-255间时，结果值时会变小的，我们可以根据SRC_IN的特性来实现倒影效果。（因为没有找到透明的图片，这里就用文字阐述了）当目标图像为空白像素时，计算结果也将是空白像素。
Android使用setXfermode例子
吃饭不玩手机的博客
10-14 385
1.绘制的源图和新图必须是bitmap，才能有官方例子的效果。2.要关闭硬件加速。
IDoodles:Android简单的画图（涂鸦）应用，使用Paint的setXferMode方法实现了蜡笔效果
05-04
Android简单的画图（涂鸦）应用，使用Paint的setXferMode方法实现了蜡笔效果 #效果图 蜡笔效果 选择颜色 选择颜色，并按中间的圆圈确定 选择画笔，当前选择蜡笔效果笔刷 不同画笔，不同颜色，不同画笔大小的效果 ...
Android应用源码之(Paint画笔).zip
12-04
- `setXfermode(Xfermode mode)`：设置混合模式，用于控制新绘制内容如何与已有内容融合。 8. **画图操作**： - 在Canvas上使用`drawRect(Rect r, Paint paint)`、`drawCircle(float cx, float cy, float radius,...
Android实现波浪球效果
08-24
波浪球效果就是其中之一，它通常用于创建动态、有趣的用户界面元素。本教程将详细解释如何在Android中实现这样的效果。 首先，波浪球效果的核心是利用数学中的三角函数，特别是正弦函数（sine）来模拟波动。在...
Android自定义图片集合
09-02
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR)); Canvas canvas = new Canvas(destBitmap); canvas.drawRoundRect(new RectF(0, 0, mWidth, mHeight), mRadius, mRadius, paint); ``` 其中...
Android自定义控件开发入门与实战（11）Xfermode，Android程序员必看
m0_64382950的博客
11-27 446
它只有一个参数PorterDuff.Mode，表示混合模式，枚举值有18个那么多： /** [0, 0] */ CLEAR (0), /** [Sa, Sc] */ SRC (1), /** [Da, Dc] */ DST (2), /** [Sa + (1 - Sa)*Da, Rc = Sc + (1 - Sa)*Dc] */ SRC_OVER (3), /** [Sa + (1 - Sa)*Da, Rc = Dc + (1 - Da)*Sc] */ DS
Android高级进阶——绘图篇（五）setXfermode 设置混合模式
AkaiC的博客
04-23 3241
一、GPU硬件加速 1、概述 GPU英文全称Graphic Processing Unit，中文翻译为“图形处理器”。与CPU不同，GPU是专门为处理图形任务而产生的芯片。 在GPU出现之前，CPU一直负责着所有的运算工作，CPU的架构是有利于X86指令集的串行架构，CPU从设计思路上适合尽可能快的完成一个任务。但当面对类似多媒体、图形图像处理类型的任务时，就显得力不从心。因为在多媒体...
自定义View的绘制：Xfermode用法解析
kayyoo的博客
09-11 356
Xfermode详解
android Paint setXfermode()方法讲解
zhouguizhi
07-02 2888
android Paint setXfermode()方法讲解
Android 之 Paint API —— Xfermode 与 PorterDuff 详解 (一)
leyang0910的博客
07-19 107
和上面的TARGET模式相反，上面是颜色一样才改变颜色，这里是颜色不一样反而改变颜色， 而容差值同样带来相反的结果，容差值为0时，只有当图片中的像素颜色值与设置的颜色值完全不一样 的时候才会被染色，而当容差值达到最大值255的时候，稍微有一点颜色不一样就会被染色！我们只需简单的修改上面的例子就可以了，同一是修改下构造AvoidXfermode的内容！：容差值，如果你学过PS可能用过魔棒工具，就是设置选取颜色值的范围，比如 容差为0，你选的是纯黑的小点，当容差调为40的时候，范围已经扩大到大块黑色这样！
新手引导之控件高亮显示
rrkdddd33的博客
12-17 1285
最近项目需要做一个新手引导的功能， 即某个功能控件高亮，其他部分覆以蒙版效果，如下图所示： 实现步骤如下： 自定义view  重写onDraw(Canvas canvas)                        1 绘制一个屏幕大小的遮罩层              bitmap = Bitmap.createBitmap(canvas.getWidth(), canv
Android（十六）：SetXfermode PorterDuffXfermode 图像混合模式
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
10-12 242
展示 源码 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ScrollView android:layou
Android中如何采用paint.setXfermode() 设置圆形遮罩
04-20
可以使用下面的代码来实现： 1. 首先创建一个 Bitmap 对象，用于存储原始图片 Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.your_image); 2. 创建一个空的 Bitmap 对象，并在其中绘制一个圆形 Bitmap circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(circleBitmap); Paint paint = new Paint(); paint.setAntiAlias(true); canvas.drawCircle(bitmap.getWidth() / 2, bitmap.getHeight() / 2, Math.min(bitmap.getWidth(), bitmap.getHeight()) / 2, paint); 3. 将原始图片与圆形图片合并，使用 Paint.setXfermode() 设置圆形遮罩 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(bitmap, 0, 0, paint); 4. 最后将合并后的图片绘制到界面上 canvas.drawBitmap(circleBitmap, 0, 0, null); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值