1、概述

在android图形渲染中 会使用到图像混合模式

<span style="font-size:18px;">setXfermode(Xfermode xfermode)</span>

Xfermode有三个子类

AvoidXfermode, PixelXorXfermode,这俩个均已经被淘汰

只剩 【PorterDuffXfermode】,这个模式是由俩个大牛Tomas Proter和Tom Duff名字来命名的,PorterDuffXfermode模式能为android图形渲染做啥呢,先来张经典图片

咋看有点晕,先解释一下

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 : 取两图层全部区域,交集部分变为透明色

后来还新增了俩种模式 ADD和OVERLAY

17.PorterDuff.Mode.ADD 饱和度叠加

18.PorterDuff.Mode.OVERLAY: 直接叠加

2、示例代码、

下面听过俩个例子来熟悉一下使用

首先来定义一个获取屏幕宽和高的工具代码

<span style="font-size:18px;">public class ScreenMeasureUtil {
    //同时获取宽高
    public static int[] getScreenHW(Activity activity) {
        DisplayMetrics metrics = new DisplayMetrics();
        activity.getWindowManager().getDefaultDisplay().getMetrics(metrics);
        int Height = metrics.heightPixels;
        int Width = metrics.widthPixels;
        int HW[] = new int[]{Height, Width};
    }

}</span>

橡皮擦效果

自定义一个eraser的view,然后在之布局文件中引入这个控件即可 EraserView.java,注释很详细,这里使用了DST_IN模式(使用dst_out效果一样)

<span style="font-size:18px;">public class EraserView extends View {
    //屏幕宽高
    private int[] screenSize;
    private int screenH;
    private int screenW;
    //PorterDuff Mode
    private static final PorterDuff.Mode PD_MODE = PorterDuff.Mode.DST_IN;
    private static final int MIN_MOVE_DIS = 5;//最小的移动距离:如果我们手指在屏幕上的移动距离小于此值则不会绘制
    private float preTouchX, preTouchY;
    //绘图
    private Canvas mCanvas; //画布
    private Paint mPaint;//画笔
    private Path mPath;//路径
    //前后背景
    private Bitmap fgBitmap, bgBitmap;

    public EraserView(Context context, AttributeSet attrs) {
        super(context, attrs);
        screenSize = ScreenMeasureUtil.getScreenHW((Activity) context);
        screenH = screenSize[0];
        screenW = screenSize[1];

        initViews(context);

    }

    private void initViews(Context context) {
        //实例化路径对象
        mPath = new Path();

        //实例化画笔开启抗锯齿和抗抖动
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
        //画笔风格为描边
        mPaint.setStyle(Paint.Style.STROKE);
        //笔触类型为圆角
        mPaint.setStrokeJoin(Paint.Join.ROUND);
        //设置描边
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        //设置描边宽度
        mPaint.setStrokeWidth(20);
        //设置混合模式
        mPaint.setXfermode(new PorterDuffXfermode(PD_MODE));
        //此处采用的是DST_IN模式必须要将画笔透明度设置为0
        mPaint.setARGB(128, 255, 0, 0);

        //前景图片的bitmap
        fgBitmap = Bitmap.createBitmap(screenW, screenH, Bitmap.Config.ARGB_8888);
        //填充进画布
        mCanvas = new Canvas(fgBitmap);
        //绘制画布背景颜色为灰色
        mCanvas.drawColor(0xffacacac);
        //获取底面背景图片
        bgBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.bg_splash);
        //缩放bitmap至屏幕大小
        bgBitmap = Bitmap.createScaledBitmap(bgBitmap, screenW, screenH, true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //绘制背景
        canvas.drawBitmap(bgBitmap, 0, 0, null);
        //绘制前景
        canvas.drawBitmap(fgBitmap, 0, 0, null);
        mCanvas.drawPath(mPath, mPaint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        float x = event.getX();
        float y = event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mPath.reset();
                mPath.moveTo(x, y);
                preTouchX = x;
                preTouchY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = Math.abs(x - preTouchX);
                float dy = Math.abs(y - preTouchY);
                if (dx >= MIN_MOVE_DIS || dy >= MIN_MOVE_DIS) {
                    mPath.quadTo(preTouchX, preTouchY, (x + preTouchX) / 2, (y + preTouchY) / 2);
                    preTouchX = x;
                    preTouchY = y;
                }
                break;

        }
        //重绘视图
        invalidate();
        return true;

    }
}
</span>

图形绘制中的PorterDuffXfermode的更多相关文章

  1. style在进行图形绘制前,要设置好绘图的样式

    是html5出现的新标签,像所有的dom对象一样它有自己本身的属性.方法和事件,其中就有绘图的方法,js能够调用它来进行绘图 ,最近在研读<html5与css3权威指南>下面对其中最好玩的 ...

  2. python中的turtle库(图形绘画库)

    turtle绘图的基础知识:1. 画布(canvas) 画布就是turtle为我们展开用于绘图区域,我们可以设置它的大小和初始位置. 设置画布大小 turtle.screensize(canvwidt ...

  3. canvas绘制中的API

    canvas绘制Z 先贴代码吧: /** * Created by Administrator on 2016/1/26. */ var i; function draw (id){ var canv ...

  4. 使用Android绘图技术绘制一个椭圆形,然后通过触摸事件让该椭圆形跟着手指移动

    引言:在图形绘制中,控制一个图形(圆形,椭圆形,矩形,三角形)移动时,其实计算的都是该图形的中心点移动.在绘制过程中,首先计算出中心点,然后根据中心点的位置计算重图形的上下左右位置.我们假设图形左边为 ...

  5. Matplotlib基本使用简介

    目录 Matplotlib基本使用简介 1. Matplotlib简介 2. Matplotlib操作简介 Matplotlib基本使用简介 1. Matplotlib简介   Matplotlib是 ...

  6. IOS - 绘制文字 drawInRect: withFont: not working

    在图形绘制中,我们经常会需要绘制文本,但我在给PDF上绘制Text时,始终绘制不上, 使用过: [str drawInRect:cubeRect withAttributes:attrs]; CGCo ...

  7. canvas基础2--绘制图形

    栅格 绘制矩形 不同于SVG,HTML中的元素canvas只支持一种原生的图形绘制:矩形.所有其他的图形的绘制都至少需要生成一条路径.不过,我们拥有众多路径生成的方法让复杂图形的绘制成为了可能. 首先 ...

  8. HTML5:Canvas-绘制图形

    到本文的最后,你将学会如何绘制矩形,三角形,直线,圆弧和曲线,变得熟悉这些基本的形状.绘制物体到Canvas前,需掌握路径,我们看看到底怎么做. 栅格 在我们开始画图之前,我们需要了解一下画布栅格(c ...

  9. Android图形合成和显示系统---基于高通MSM8k MDP4平台

    介绍了Android SurfaceFlinger层次以下的图形合成和显示系统,主要基于高通MSM8k MDP4x平台. 做为Android Display专题.SurfaceFlinger的详细介绍 ...

随机推荐

  1. Android Studio精彩案例(一)《ActionBar和 ViewPager版仿网易新闻客户端》

    转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 为了能更好的分享高质量的文章,所以开设了此专栏.文章代码都以Android Studio亲测运行,读者朋友可在后面直接下载源码.该专栏 ...

  2. 针对于Python的OpenCV环境搭建

    OpenCV 依赖 下载OpenCV 配置 总结 给Python搭建opencv的环境还真是略嫌麻烦,于是做下笔记,以备不时之需. OpenCV 依赖 opencv有些依赖,我们必须安装一下,否则接下 ...

  3. Python实现数据库一键导出为Excel表格

    依赖 Python2711 xlwt MySQLdb 数据库相关 连接 获取字段信息 获取数据 Excel基础 workbook sheet 案例 封装 封装之后 测试结果 总结 数据库数据导出为ex ...

  4. Python descriptor

    class A: def __init__(self, name): self.name = name def __get__(self, ins, cls): print('call get') i ...

  5. setting.py

    """ Django settings for sitea project. For more information on this file, see https:/ ...

  6. Leetcode解题-树(5.0.0)基础类

    与第二章类似,LeetCode指定了TreeNode实现.为了方便后续习题的编写和测试,创建一个基础父类,包含TreeNode实现,以及create()和print()创建和打印树的方法.其中crea ...

  7. Win7下安装linux虚拟机

    关于如何在Win7下搭建linux学习环境,特在此分享下. 一.工具 1.VMware-workstation-full-9.0.0-812388.exe       下载地址:http://pan. ...

  8. [mysql]创建数据库并指定编码

    现在用orm比较多,很多mysql表啊都不用自己创建,但是数据库还是要自己创建,记录下sql, 备忘. CREATE DATABASE `mydb` CHARACTER SET utf8 COLLAT ...

  9. Microsoft公司的匈牙利法命名规则

    Microsoft公司的"匈牙利"法命名规则 比较著名的命名规则当推Microsoft公司的"匈牙利"法,该命名规则的主要思想是"在变量和函数名中加入 ...

  10. 微软Telnet的回显功能开启

    win7和XP系统默认telnet的回显功能是关闭的.启用telnet回显功能:(1)首先进入命令行界面:输入telnet(2)进入Microsoft Telnet>命令提示符下,输入:set ...