Android setXfermode之ProterXfermode

已于 2022-08-12 14:23:47 修改
阅读量605 收藏
点赞数
分类专栏： 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 设置混合模式
AkaiC的博客
04-23 3224
一、GPU硬件加速 1、概述 GPU英文全称Graphic Processing Unit，中文翻译为“图形处理器”。与CPU不同，GPU是专门为处理图形任务而产生的芯片。 在GPU出现之前，CPU一直负责着所有的运算工作，CPU的架构是有利于X86指令集的串行架构，CPU从设计思路上适合尽可能快的完成一个任务。但当面对类似多媒体、图形图像处理类型的任务时，就显得力不从心。因为在多媒体...
android Paint setXfermode()方法讲解
zhouguizhi
07-02 2879
android Paint setXfermode()方法讲解
Android Paint 进阶之 图层混合模式（Xfermode）
zb987570437的博客
09-04 3022
上一节概述了Paint进阶需要掌握的API，这一节针对图层混合模式进行讲解，主要是Xfermode的使用。 1.概念 图层混合模式是将所绘制的像素与canvas中对应位置的像素按照一定规则进行混合，形成新的像素值，最终更新canvas中最终显示的像素值。 2.使用场景 图层混合模式使用的三种场景：1.ComposeShader（混合渲染）；2.画笔的Paint.se...
Android自定义控件开发入门与实战（11）Xfermode
最新发布
2401_84415451的博客
05-02 1021
示例二、融合两张图片：如上面所说的，既然可以将图片中的白色在容差100下替换成红色，那我们能不能不要把它替换成纯色，而是替换成一张图片呢？答案是可以的：canvas.drawBitmap()BitmapFactory.decodeResource(getResources(),R.drawable.xxx,null.new Rect(0,0,getWidth,getHeight(),mPaint);上面就可以做到啦。但是我还是AvoidXfermode包，所以这里就不展示的。AvoidXfermode绘制原
新手引导之控件高亮显示
rrkdddd33的博客
12-17 1280
最近项目需要做一个新手引导的功能， 即某个功能控件高亮，其他部分覆以蒙版效果，如下图所示： 实现步骤如下： 自定义view  重写onDraw(Canvas canvas)                        1 绘制一个屏幕大小的遮罩层              bitmap = Bitmap.createBitmap(canvas.getWidth(), canv
Android（十六）：SetXfermode PorterDuffXfermode 图像混合模式
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
10-12 240
展示 源码 <?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
IDoodles:Android简单的画图（涂鸦）应用，使用Paint的setXferMode方法实现了蜡笔效果
05-04
Android简单的画图（涂鸦）应用，使用Paint的setXferMode方法实现了蜡笔效果 #效果图 蜡笔效果 选择颜色 选择颜色，并按中间的圆圈确定 选择画笔，当前选择蜡笔效果笔刷 不同画笔，不同颜色，不同画笔大小的效果 ...
setXfermode讲解
04-07
总的来说，`setXfermode()`结合`PorterDuffXfermode`是Android图形绘制中不可或缺的一部分，它为开发者提供了强大的图像合成能力，能够实现各种创意和专业级的视觉效果。理解并熟练运用这些模式，可以大大提升...
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 之 Paint API —— Xfermode 与 PorterDuff 详解 (三)
leyang0910的博客
07-20 201
我们在观看了16种图片混排模式后，又自己写代码来验证了一下文档中 18种不同的混排模式，18种是新增了ADD和OVERLAY两种模式！当然，仅仅验证知道是不够的， 本节我们来写个例子，帮助我们熟悉下实际当中我们如何去使用PorterDuff.Mode为我们提供的 这些混排模式！//bitmap缓存起来，避免每次调用onDraw，分配内存。//根据缩放比例，设置bounds，相当于缩放图片了。
Android——Paint.setXfermode（Xfermode xf）相关
Jiazimiao的博客
04-07 4884
Android图形混合方式
【android】绘制圆环的三种方式
u011494050的专栏
09-13 3万+
在android中要绘制圆环，暂时知道有三种方式。分别是： 一、设置画笔的style为stoke，绘制圆 这里是先绘制内圆，然后绘制圆环（圆环的宽度就是paint设置的paint.setStrokeWidth的宽度），最后绘制外圆。 请看核心源码： [java] view plaincopyprint? "http://
【Android 应用开发】Xfermod 图形组合 之 SRC 类 合成模式 ( SRC | SRC_ATOP | 详细解析官方给出的透明度和颜色值计算公式 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
08-07 2109
SRC 合成模式 SRC 合成模式详细解析 SRC_ATOP 合成模式 SRC_ATOP 合成模式详细解析
android xfermode不起作用,Android Xfermode
weixin_29619665的博客
05-26 177
多种混合模式PorterDuffXfermode的构造函数： /*** Create an xfermode that uses the specified porter-duff mode.** [@param](https://my.oschina.net/u/2303379) mode The porter-duff mode that is applied*/publi...
Android中Canvas绘图之PorterDuffXfermode使用及工作原理详解
热门推荐
孙群
01-11 5万+
概述类android.graphics.PorterDuffXfermode继承自android.graphics.Xfermode。在用Android中的Canvas进行绘图时，可以通过使用PorterDuffXfermode将所绘制的图形的像素与Canvas中对应位置的像素按照一定规则进行混合，形成新的像素值，从而更新Canvas中最终的像素颜色值，这样会创建很多有趣的效果。当使用PorterD
android 画图之setXfermode
daibalusu
10-26 200
http://lipeng88213.iteye.com/blog/1189452 setXfermode 设置两张图片相交时的模式 我们知道 在正常的情况下，在已有的图像上绘图将会在其上面添加一层新的形状。 如果新的Paint是完全不透明的，那么它将完全遮挡住下面的Paint； 而setXfermode就可以来解决这个问题 一般来说 用法是这样的 Canvas canvas =...
Android中如何采用paint.setXfermode() 设置圆形遮罩
04-20
3. 将原始图片与圆形图片合并，使用 Paint.setXfermode() 设置圆形遮罩 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(bitmap, 0, 0, paint); 4. 最后将合并后的图片绘制...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值