尊重原创,欢迎转载,转载请注明: FROM  GA_studio   http://blog.csdn.net/tianjian4592

前面关于paint的方法讲解里,讲到 setXfermode 就截止了,原因有两个:

1. 那篇文章已经太长了,我自己都看不下去了;

2. setXfermode 在paint 里占有至关重要的地位;

基于以上两个原因,我们一起来看看这个方法有何妙用。

首先我们还是来看看关于这个方法的说明:

  1. /**
  2. * Set or clear the xfermode object. - 设置或清除xfermode对象;
  3. * Pass null to clear any previous xfermode. - 传递null以清除任何以前的xfermode。
  4. * As a convenience, the parameter passed is also returned. - 为方便起见,也返回传递的参数。
  5. *
  6. * @return         xfermode
  7. */
  8. public Xfermode setXfermode(Xfermode xfermode) {
  9. int xfermodeNative = 0;
  10. if (xfermode != null)
  11. xfermodeNative = xfermode.native_instance;
  12. native_setXfermode(mNativePaint, xfermodeNative);
  13. mXfermode = xfermode;
  14. return xfermode;
  15. }

这个方法传进一个 Xfermode 对象,而打开 Xfermode 发现里面没有提供任何可用的构造函数或方法,ctrl +T 看到它有三个子类:

前两个子类 AvoidXfermode 和 PixelXorXfermode 大家可以看到都已经被划上了斜线,下面就简单提及一下,咱们的重点在 PorterDuffXfermode :

1. AvoidXfermode:

  1. /** This xfermode draws, or doesn't draw, based on the destination's
  2. * distance from an op-color.
  3. *
  4. * There are two modes, and each mode interprets a tolerance value.
  5. *
  6. * Avoid: In this mode, drawing is allowed only on destination pixels that
  7. * are different from the op-color.
  8. * Tolerance near 0: avoid any colors even remotely similar to the op-color
  9. * Tolerance near 255: avoid only colors nearly identical to the op-color
  10. * Tolerance near 0: draw only on colors that are nearly identical to the op-color
  11. * Tolerance near 255: draw on any colors even remotely similar to the op-color
  12. */
  13. public AvoidXfermode(int opColor, int tolerance, Mode mode) {
  14. if (tolerance < 0 || tolerance > 255) {
  15. throw new IllegalArgumentException("tolerance must be 0..255");
  16. }
  17. native_instance = nativeCreate(opColor, tolerance, mode.nativeInt);
  18. }

咱们把它上面的说明看下就很清楚了:

xfermode 是否绘制,基于目标色和参数 op-color 的差距;

其中有两种模式,分别为 Avoid 和 TARGET:

Avoid模式:只会在目标像素值和 op-color "不一样" 的地方进行绘制;

Target模式:只会在目标像素值和 op-color "一样" 的地方进行绘制;

上面的"一样" 和 "不一样" 我都打上了引号,并不是指严格意义上的一样,而是只要在可容忍范围内就代表一样,这个可容忍范围,就是容差值(tolerance),0 代表最小容差,即得和 op-color 真正意义上一样才 ok ,255 则代表最大容差,只要有一点相近,则ok;

咱们一起来看个小例子:

先在网上找个图案,用PS去掉周围部分,主体改为纯色;

                                  

当我们使用PS里的魔棒创立选区的时候,发现一次只选取了其中最相近的一部分,这时候可以看到容差为5,但我们的目的是想把图形周围近似的蓝灰色都选中该怎么办呢?容差这时候就起作用了,改大容差,就相当于调大近似度,这个概念和我们里面的容差值是一样的,希望这样说便于理解,我们看下对比图,调到50 一下就可以选中外层所有蓝灰色:

        

好,我们现在有了一个纯色的图标,假定我们现在有一个需求,需要在某种操作下将图标变色,类似微信底部的tab图标,未选中时时白色,选中时是绿色,这个时候我们就可以用

AvoidXfermode 进行实现,我们一起看看要怎么做:

1. 给paint 设置要变换的颜色和图层混合模式为 AvoidXfermode;

2. 绘制图标;

3. 再绘制对应色块;

由于是对对应颜色进行替换,所以也就形成了图标变色的效果,一起来看看代码:

  1. public class AvoidXfermodeView extends View {
  2. private Paint mBitmapPaint, mAvoidPaint;
  3. private int mTotalWidth, mTotalHeight;
  4. private Bitmap mBitmap;
  5. private int mBitWidth, mBitHeight;
  6. private Rect mOriginSrcRect, mOriginDestRect;
  7. private Rect mAvoidSrcRect, mAvoidDestRect;
  8. private AvoidXfermode mAvoidXfermode;
  9. public AvoidXfermodeView(Context context) {
  10. super(context);
  11. initPaint();
  12. initBitmap();
  13. // 对蓝色相近的颜色进行替换
  14. mAvoidXfermode = new AvoidXfermode(Color.BLUE, 150, Mode.TARGET);
  15. }
  16. private void initBitmap() {
  17. mBitmap = ((BitmapDrawable) getResources().getDrawable(R.drawable.bluelogo)).getBitmap();
  18. mBitWidth = mBitmap.getWidth();
  19. mBitHeight = mBitmap.getHeight();
  20. }
  21. private void initPaint() {
  22. mBitmapPaint = new Paint();
  23. // 去锯齿
  24. mBitmapPaint.setAntiAlias(true);
  25. // 防抖动
  26. mBitmapPaint.setDither(true);
  27. // 图像过滤
  28. mBitmapPaint.setFilterBitmap(true);
  29. // 使用上面属性创建一个新paint
  30. mAvoidPaint = new Paint(mBitmapPaint);
  31. // 颜色设置为红色
  32. mAvoidPaint.setColor(Color.RED);
  33. }
  34. @Override
  35. protected void onDraw(Canvas canvas) {
  36. super.onDraw(canvas);
  37. // 绘制原图
  38. canvas.drawBitmap(mBitmap, mOriginSrcRect, mOriginDestRect, mBitmapPaint);
  39. // 绘制用于变色图
  40. canvas.drawBitmap(mBitmap, mAvoidSrcRect, mAvoidDestRect, mAvoidPaint);
  41. // 设置图层混合模式
  42. mAvoidPaint.setXfermode(mAvoidXfermode);
  43. // 绘制色块进行混合,得到最终效果
  44. canvas.drawRect(mAvoidDestRect, mAvoidPaint);
  45. }
  46. @Override
  47. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  48. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  49. }
  50. @Override
  51. protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  52. super.onSizeChanged(w, h, oldw, oldh);
  53. mTotalWidth = w;
  54. mTotalHeight = h;
  55. mOriginSrcRect = new Rect(0, 0, mBitWidth, mBitHeight);
  56. // 为了让图水平居中
  57. int left = (mTotalWidth - mBitWidth) / 2;
  58. mOriginDestRect = new Rect(left, 0, left + mBitWidth, mBitHeight);
  59. mAvoidSrcRect = new Rect(mOriginSrcRect);
  60. // 两张图得间距
  61. int distance = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 10,
  62. getResources().getDisplayMetrics());
  63. mAvoidDestRect = new Rect(left, mBitHeight + distance, left + mBitWidth, mBitHeight * 2
  64. + distance);
  65. }
  66. }

一起来看看效果:

我擦,什么情况,逗我玩儿呢?这时候大家别忘了,前面说过这方法已经在API 16过时了,要在高版本用的话需要关掉硬件加速,什么?硬件加速怎么关...

硬件加速分全局(Application)、Activity、Window、View 四个层级,也简单提及一下:

1.在AndroidManifest.xml文件为application标签添加如下的属性即可为整个应用程序开启硬件加速:

  1. <application android:hardwareAccelerated="true" ...>

2.在Activity 标签下使用 hardwareAccelerated 属性开启或关闭硬件加速:

  1. <activity android:hardwareAccelerated="false" />

3. 在Window 层级使用如下代码开启硬件加速:

  1. getWindow().setFlags(    WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,    WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);

4.View 级别如下关闭硬件加速,view 层级上没法单独开启硬件加速:

  1. setLayerType(View.LAYER_TYPE_SOFTWARE, null);

好了,原来如此,咱们直接在全局application 关闭硬件加速:

  1. <application
  2. android:allowBackup="true"
  3. android:hardwareAccelerated="false"---

再看下效果:

我们可以看到,现在蓝花已经变成红花了,已经实现了前面说的图标变色小需求,这时候有人可能会说了,这东西还有点用,如果我要在进行某些操作的时候让图标进行颜色的平滑过渡,该怎么办呢?比如viewPager从一页滑到另一页的时候,图标颜色渐变过渡,其实这样的需求只需要在上面的基础上稍加改动即可,提供下思路:

eg:view层级对外提供个接口,传入渐变比例,view里根据比例计算出当前色值,然后实时的把paint的色值更新,重新绘制即可!

好了,AvoidXfermode 就讲这些!

2. PixelXorXfermode

  1. /**
  2. * PixelXorXfermode implements a simple pixel xor (op ^ src ^ dst).
  3. * This transformation does not follow premultiplied conventions, therefore
  4. * this mode *always* returns an opaque color (alpha == 255). Thus it is
  5. * not really usefull for operating on blended colors.
  6. */
  7. @Deprecated
  8. public class PixelXorXfermode extends Xfermode {
  9. public PixelXorXfermode(int opColor) {
  10. native_instance = nativeCreate(opColor);
  11. }
  12. private static native int nativeCreate(int opColor);
  13. }

从上面的介绍上讲,这只是一个简单异或运算,这种变换不满足预乘公约,因此会总是返回一个不透明的颜色,所以对操作颜色混合不是特别的有效;

基于以上说明和这个类已经过时,讲解到此结束;

3. PorterDuffXfermode

这个类是setXfermode 方法的核心,也是图层混合模式里的核武器,通过它再加上我们的想象力,就能解决图形图像绘制里的很多问题,首先,还是看下方法说明:

  1. /**
  2. * Create an xfermode that uses the specified porter-duff mode.
  3. *
  4. * @param mode           The porter-duff mode that is applied
  5. */
  6. public PorterDuffXfermode(PorterDuff.Mode mode) {
  7. this.mode = mode;
  8. native_instance = nativeCreateXfermode(mode.nativeInt);
  9. }

使用 PorterDuff 模式创建一个图层混合模式,如此说来,我们的重心就转移到了 PorterDuff 身上;

PorterDuff 是啥,居然没法翻译,我靠,百思不得其姐,如果对图形图像学有所了解,肯定会知道,PorterDuff 实则是两个人名的的组合Thomas Porter 和 Tom Duff ,PorterDuff则是用于描述数字图像合成的基本手法,通过组合使用
Porter-Duff 操作,可完成任意 2D图像的合成;

听起来好像很屌炸天的样子,接下来我们一起来逐个看下这些模式:

  1. public class PorterDuff {
  2. // these value must match their native equivalents. See SkPorterDuff.h
  3. public enum Mode {
  4. /** [0, 0] */
  5. CLEAR       (0),
  6. /** [Sa, Sc] */
  7. SRC         (1),
  8. /** [Da, Dc] */
  9. DST         (2),
  10. /** [Sa + (1 - Sa)*Da, Rc = Sc + (1 - Sa)*Dc] */
  11. SRC_OVER    (3),
  12. /** [Sa + (1 - Sa)*Da, Rc = Dc + (1 - Da)*Sc] */
  13. DST_OVER    (4),
  14. /** [Sa * Da, Sc * Da] */
  15. SRC_IN      (5),
  16. /** [Sa * Da, Sa * Dc] */
  17. DST_IN      (6),
  18. /** [Sa * (1 - Da), Sc * (1 - Da)] */
  19. SRC_OUT     (7),
  20. /** [Da * (1 - Sa), Dc * (1 - Sa)] */
  21. DST_OUT     (8),
  22. /** [Da, Sc * Da + (1 - Sa) * Dc] */
  23. SRC_ATOP    (9),
  24. /** [Sa, Sa * Dc + Sc * (1 - Da)] */
  25. DST_ATOP    (10),
  26. /** [Sa + Da - 2 * Sa * Da, Sc * (1 - Da) + (1 - Sa) * Dc] */
  27. XOR         (11),
  28. /** [Sa + Da - Sa*Da,
  29. Sc*(1 - Da) + Dc*(1 - Sa) + min(Sc, Dc)] */
  30. DARKEN      (12),
  31. /** [Sa + Da - Sa*Da,
  32. Sc*(1 - Da) + Dc*(1 - Sa) + max(Sc, Dc)] */
  33. LIGHTEN     (13),
  34. /** [Sa * Da, Sc * Dc] */
  35. MULTIPLY    (14),
  36. /** [Sa + Da - Sa * Da, Sc + Dc - Sc * Dc] */
  37. SCREEN      (15),
  38. /** Saturate(S + D) */
  39. ADD         (16),
  40. OVERLAY     (17);
  41. Mode(int nativeInt) {
  42. this.nativeInt = nativeInt;
  43. }
  44. /**
  45. * @hide
  46. */
  47. public final int nativeInt;
  48. }

可以看到里面通过枚举enum定义了18种混合模式,并且每种模式都写出了对应的计算方法:

其中 Sa 代表source alpha ,即源 alpha 值 ,Da 代表 Destination alpha ,即 目标alpha值
,Sc 代表 source color ,即源色值 ,Dc 代表 Destination color ,即目标色值,并且这所有的计算都以像素为单位,在某一种混合模式下,对每一个像素的alpha 和 color 通过对应算法进行运算,得出新的像素值,进行展示;

接下来写个view 逐个对以上模式进行测试:

  1. public class PorterDuffXfermodeView extends View {
  2. private Paint mPaint;
  3. private Bitmap mBottomBitmap, mTopBitmap;
  4. private Rect mBottomSrcRect, mBottomDestRect;
  5. private Rect mTopSrcRect, mTopDestRect;
  6. private Xfermode mPorterDuffXfermode;
  7. // 图层混合模式
  8. private PorterDuff.Mode mPorterDuffMode;
  9. // 总宽高
  10. private int mTotalWidth, mTotalHeight;
  11. private Resources mResources;
  12. public PorterDuffXfermodeView(Context context) {
  13. super(context);
  14. mResources = getResources();
  15. initBitmap();
  16. initPaint();
  17. initXfermode();
  18. }
  19. // 初始化bitmap
  20. private void initBitmap() {
  21. mBottomBitmap = ((BitmapDrawable) mResources.getDrawable(R.drawable.blue)).getBitmap();
  22. mTopBitmap = ((BitmapDrawable) mResources.getDrawable(R.drawable.red)).getBitmap();
  23. }
  24. // 初始化混合模式
  25. private void initXfermode() {
  26. mPorterDuffMode = PorterDuff.Mode.DST;
  27. mPorterDuffXfermode = new PorterDuffXfermode(mPorterDuffMode);
  28. }
  29. private void initPaint() {
  30. mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  31. }
  32. @Override
  33. protected void onDraw(Canvas canvas) {
  34. super.onDraw(canvas);
  35. // 背景铺白
  36. canvas.drawColor(Color.WHITE);
  37. // 保存为单独的层
  38. int saveCount = canvas.saveLayer(0, 0, mTotalWidth, mTotalHeight, mPaint,
  39. Canvas.ALL_SAVE_FLAG);
  40. // 绘制目标图
  41. canvas.drawBitmap(mBottomBitmap, mBottomSrcRect, mBottomDestRect, mPaint);
  42. // 设置混合模式
  43. mPaint.setXfermode(mPorterDuffXfermode);
  44. // 绘制源图
  45. canvas.drawBitmap(mTopBitmap, mTopSrcRect, mTopDestRect, mPaint);
  46. mPaint.setXfermode(null);
  47. canvas.restoreToCount(saveCount);
  48. }
  49. @Override
  50. protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  51. super.onSizeChanged(w, h, oldw, oldh);
  52. mTotalWidth = w;
  53. mTotalHeight = h;
  54. int halfHeight = h / 2;
  55. mBottomSrcRect = new Rect(0, 0, mBottomBitmap.getWidth(), mBottomBitmap.getHeight());
  56. // 矩形只画屏幕一半
  57. mBottomDestRect = new Rect(0, 0, mTotalWidth, halfHeight);
  58. mTopSrcRect = new Rect(0, 0, mTopBitmap.getWidth(), mTopBitmap.getHeight());
  59. mTopDestRect = new Rect(0, 0, mTotalWidth, mTotalHeight);
  60. }
  61. @Override
  62. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  63. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  64. }
  65. }

原图如下:

蓝色上下分别为完全不透明和半透区,红色左右为半透和完全不透明区,这样绘制时可以让所有的情况进行交叉,便于分析,先看下默认绘制效果:

(1). CLEAR

清除模式[0,0],即最终所有点的像素的alpha 和color 都为 0,所以画出来的效果只有白色背景:

(2). SRC -[Sa , Sc]

只保留源图像的 alpha 和 color ,所以绘制出来只有源图,有时候会感觉分不清先绘制的是源图还是后绘制的是源图,这个时候可以这么记,先绘制的是目标图,不管任何时候,一定要做一个有目标的人,目标在前!

这个时候绘制的情形是只有屏幕上的红色圆;

(3). DST -[ Da, Dc ]

同上类比,只保留目标图像的 alpha 和 color,所以绘制出来的只有目标图,也就是屏幕上的的蓝色图;

(4).SRC_OVER
- [ Sa +(1-Sa) * Da , Rc = Sc +( 1- Sa ) * Dc]

在目标图片顶部绘制源图像,从命名上也可以看出来就是把源图像绘制在上方;

(5). DST_OVER - [Sa + ( 1 - Sa ) * Da ,Rc = Dc + ( 1 - Da ) * Sc ]

可以和 
SRC_OVER 进行类比,将目标图像绘制在上方,这时候就会看到先绘制的蓝色盖在了红色圆的上面;

(6). SRC_IN - [ Sa * Da , Sc * Da ]

在两者相交的地方绘制源图像,并且绘制的效果会受到目标图像对应地方透明度的影响;

(7). DST_IN - [ Sa * Da , Sa * Dc ]

可以和SRC_IN
进行类比,在两者相交的地方绘制目标图像,并且绘制的效果会受到源图像对应地方透明度的影响;

(8). SRC_OUT - [ Sa * ( 1 - Da ) , Sc * ( 1 - Da ) ]

从字面上可以理解为 在不相交的地方绘制 源图像,那么我们来看看效果是不是这样;

这个效果似乎和上面说的不大一样,这个时候我们回归本源[ Sa * ( 1 - Da ) , Sc * ( 1 - Da ) ] ,从公式里可以看到
对应处的 color 是
Sc * ( 1 - Da ) ,如果相交处的目标色的alpha是完全不透明的,这时候源图像会完全被过滤掉,否则会受到相交处目标色 alpha 影响,呈现出对应色值,如果还有问题,大家可以对比上图和普通叠加图,再参考下上面公式理解;

所以该模式总结一下应该是:在不相交的地方绘制源图像,相交处根据目标alpha进行过滤,目标色完全不透明时则完全过滤,完全透明则不过滤;

(9). DST_OUT - [ Da * ( 1 - Sa ) , Dc * ( 1 - Sa ) ]

同样,可以类比SRC_OUT , 在不相交的地方绘制目标图像,相交处根据源图像alpha进行过滤,完全不透明处则完全过滤,完全透明则不过滤;

(10). SRC_ATOP - [ Da , Sc * Da + ( 1 - Sa ) * Dc ]

源图像和目标图像相交处绘制源图像,不相交的地方绘制目标图像,并且相交处的效果会受到源图像和目标图像alpha的影响;

(11). DST_ATOP  - [ Sa , Sa * Dc + Sc * ( 1 - Da ) ]

源图像和目标图像相交处绘制目标图像,不相交的地方绘制源图像,并且相交处的效果会受到源图像和目标图像alpha的影响;

(12). XOR - [ Sa + Da - 2 * Sa * Da, Sc * ( 1 - Da ) + ( 1 - Sa ) * Dc ]

在不相交的地方按原样绘制源图像和目标图像,相交的地方受到对应alpha和色值影响,按上面公式进行计算,如果都完全不透明则相交处完全不绘制;

(13). DARKEN - [ Sa + Da - Sa * Da , Sc * ( 1 - Da ) + Dc * ( 1 - Sa ) + min(Sc , Dc) ]

该模式处理过后,会感觉效果变暗,即进行对应像素的比较,取较暗值,如果色值相同则进行混合;

从算法上看,alpha值变大,色值上如果都不透明则取较暗值,非完全不透明情况下使用上面算法进行计算,受到源图和目标图对应色值和alpha值影响;

同样的,这样的混合效果可以直接在PS里进行简单模拟,创建三个一样的图层,选择对应的混合模式,对于效果表示是一致的:

(14). LIGHTEN - [ Sa + Da - Sa * Da , Sc * ( 1 -Da ) + Dc * ( 1 - Sa ) + max ( Sc , Dc ) ]

可以和 DARKEN 对比起来看,DARKEN 的目的是变暗,LIGHTEN 的目的则是变亮,如果在均完全不透明的情况下 ,色值取源色值和目标色值中的较大值,否则按上面算法进行计算;

(15). MULTIPLY - [ Sa * Da , Sc * Dc ]

正片叠底,即查看每个通道中的颜色信息,并将基色与混合色复合。结果色总是较暗的颜色。任何颜色与黑色复合产生黑色。任何颜色与白色复合保持不变。当用黑色或白色以外的颜色绘画时,绘画工具绘制的连续描边产生逐渐变暗的颜色。

(16). SCREEN - [ Sa + Da - Sa * Da , Sc + Dc - Sc * Dc ]

滤色,滤色模式与我们所用的显示屏原理相同,所以也有版本把它翻译成“屏幕”;

简单的说就是保留两个图层中较白的部分,较暗的部分被遮盖;

当一层使用了滤色(屏幕)模式时,图层中纯黑的部分变成完全透明,纯白部分完全不透明,其他的颜色根据颜色级别产生半透明的效果;

(17). ADD - [ Saturate( S+ D ) ]

饱和度叠加
(18). OVERLAY - 叠加
像素是进行 Multiply (正片叠底)混合还是 Screen (屏幕)混合,取决于底层颜色,但底层颜色的高光与阴影部分的亮度细节会被保留;
以上就是android 提供的所有的混合模式,有了这,只要是图像与图像任何形式混合能创造的效果,我们就都能够进行实现,这时候我们再看看混合模式的示意图:

前面我们用AvoidXfermode实现的图标变色小栗子也同样可以使用PorterDuffXfermode进行实现,大家可以自己尝试;

最后,我们利用混合模式完成两个小栗子:

一、还算比较流行的一种 loading 形式:

先看下效果:

这个效果如果不知道图像的混合模式,做的话可能会采用2张图,对上面的图进行裁切,但自从有了混合模式,这一切都将变的简单;

我们只需要如下几步:

1.绘制目标图;

2.设置混合模式;

3.绘制带颜色的Rect;

4.不断改变Rect的区域;

代码如下:

  1. public class PoterDuffLoadingView extends View {
  2. private Resources mResources;
  3. private Paint mBitPaint;
  4. private Bitmap mBitmap;
  5. private int mTotalWidth, mTotalHeight;
  6. private int mBitWidth, mBitHeight;
  7. private Rect mSrcRect, mDestRect;
  8. private PorterDuffXfermode mXfermode;
  9. private Rect mDynamicRect;
  10. private int mCurrentTop;
  11. private int mStart, mEnd;
  12. public PoterDuffLoadingView(Context context) {
  13. super(context);
  14. mResources = getResources();
  15. initBitmap();
  16. initPaint();
  17. initXfermode();
  18. }
  19. private void initXfermode() {
  20. // 叠加处绘制源图
  21. mXfermode = new PorterDuffXfermode(Mode.SRC_IN);
  22. }
  23. private void initPaint() {
  24. // 初始化paint
  25. mBitPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  26. mBitPaint.setFilterBitmap(true);
  27. mBitPaint.setDither(true);
  28. mBitPaint.setColor(Color.RED);
  29. }
  30. private void initBitmap() {
  31. // 初始化bitmap
  32. mBitmap = ((BitmapDrawable) mResources.getDrawable(R.drawable.ga_studio))
  33. .getBitmap();
  34. mBitWidth = mBitmap.getWidth();
  35. mBitHeight = mBitmap.getHeight();
  36. }
  37. @Override
  38. protected void onDraw(Canvas canvas) {
  39. super.onDraw(canvas);
  40. // 存为新图层
  41. int saveLayerCount = canvas.saveLayer(0, 0, mTotalWidth, mTotalHeight, mBitPaint,
  42. Canvas.ALL_SAVE_FLAG);
  43. // 绘制目标图
  44. canvas.drawBitmap(mBitmap, mSrcRect, mDestRect, mBitPaint);
  45. // 设置混合模式
  46. mBitPaint.setXfermode(mXfermode);
  47. // 绘制源图形
  48. canvas.drawRect(mDynamicRect, mBitPaint);
  49. // 清除混合模式
  50. mBitPaint.setXfermode(null);
  51. // 恢复保存的图层;
  52. canvas.restoreToCount(saveLayerCount);
  53. // 改变Rect区域,真实情况下时提供接口传入进度,计算高度
  54. mCurrentTop -= 8;
  55. if (mCurrentTop <= mEnd) {
  56. mCurrentTop = mStart;
  57. }
  58. mDynamicRect.top = mCurrentTop;
  59. postInvalidate();
  60. }
  61. @Override
  62. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  63. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  64. }
  65. @Override
  66. protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  67. super.onSizeChanged(w, h, oldw, oldh);
  68. mTotalWidth = w;
  69. mTotalHeight = h;
  70. mSrcRect = new Rect(0, 0, mBitWidth, mBitHeight);
  71. // 让左边和上边有些距离
  72. int left = (int) TypedValue.complexToDimension(20, mResources.getDisplayMetrics());
  73. mDestRect = new Rect(left, left, left + mBitWidth, left + mBitHeight);
  74. mStart = left + mBitHeight;
  75. mCurrentTop = mStart;
  76. mEnd = left;
  77. mDynamicRect = new Rect(left, mStart, left + mBitWidth, left + mBitHeight);
  78. }
  79. }

二、采用混合模式过滤形状,实现水波纹:

文章链接 -自定义view实现水波纹效果

CSDN 源码下载地址:http://download.csdn.net/detail/tianjian4592/8571355

Android Paint之 setXfermode PorterDuffXfermode 讲解的更多相关文章

  1. 【转】Android Paint之 setXfermode PorterDuffXfermode 讲解

    [置顶] Android Paint之 setXfermode PorterDuffXfermode 讲解 分类: android动效篇2015-04-07 17:23 978人阅读 评论(8) 收藏 ...

  2. android.graphics.Paint方法setXfermode (Xfermode x...

    mPaint = new Paint(); mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SCREEN)); 常见的Xfermod ...

  3. 详解Paint的setXfermode(Xfermode xfermode)

    一.setXfermode(Xfermode xfermode) Xfermode国外有大神称之为过渡模式,这种翻译比较贴切但恐怕不易理解,大家也可以直接称之为图像混合模式,因为所谓的“过渡”其实就是 ...

  4. Android Paint以及ColorFilter等

    我们可以通过Paint中大量的setter方法来为画笔设置属性: 这些属性大多我们都可以见名知意,很好理解,即便如此,哥还是带大家过一遍逐个剖析其用法,其中会不定穿插各种绘图类比如Canvas.Xfe ...

  5. Android Paint的使用以及方法介绍(附源码下载)

    要绘图,首先得调整画笔,待画笔调整好之后,再将图像绘制到画布上,这样才可以显示在手机屏幕上.Android 中的画笔是 Paint类,Paint 中包含了很多方法对其属性进行设置,主要方法如下: se ...

  6. Android ---paint类

    引自:http://www.cnblogs.com/-OYK/archive/2011/10/25/2223624.html Android Paint和Color类   要绘图,首先得调整画笔,待画 ...

  7. Android webservice的用法详细讲解

    Android webservice的用法详细讲解 看到有很多朋友对WebService还不是很了解,在此就详细的讲讲WebService,争取说得明白吧.此文章采用的项目是我毕业设计的webserv ...

  8. Android Service用法知识点的讲解

    Android Service 学习Service相关知识点: android service 的基础知识,生命周期,service分类,运行地点(本地服务,远程服务),运行类型(前台服务,后台服务) ...

  9. Android Fragment用法知识点的讲解

    Android Fragment用法的讲解 碎片,它的出现是为了更好展示UI的设计,让程序更加得到充分的展示.Fragment的出现,如微信的额主界面包含多个Fragment,使得微信功能更加简洁明了 ...

随机推荐

  1. javascript基础之for循环

    1.数组定义声名 var arry = [1,2,3,4,5]   //相当与var arry = Array(1,2,3,4,5) 2.数据的增删改查 var arry = [1,2,3,4,5] ...

  2. sql Server 常用存储过程的优化

    优化存储过程有很多种方法,下面介绍最常用的7种. 1.使用SET NOCOUNT ON选项 我们使用SELECT语句时,除了返回对应的结果集外,还会返回相应的影响行数.使用SET NOCOUNT ON ...

  3. 数据库、C#、Java生成唯一GUID 方法

    GUID(Global unique identifier)全局唯一标识符,它是由网卡上的标识数字(每个网卡都有唯一的标识号)以及 CPU 时钟的唯一数字生成的的一个 16 字节的二进制值.GUID ...

  4. Windows Server 2003 SP2 R2 企业版/标准版/32与64位 CD-KEY

    微软发布Windows Server 2003 R2版的目的是希望透过它填补Windows Server 2003 SP1和Longhorn Server之间的产品发布时间间隔.所以Windows S ...

  5. mysql的perror

    eg: 执行:perror 1064 返回:MySQL error code 1064 (ER_PARSE_ERROR): %s near '%-.80s' at line %d           ...

  6. js的相关验证

    1 var JavaScriptCommon = { /*身份证号码校验*/ VerifyID: function (socialNo) { if (socialNo == "") ...

  7. 关于操作DC时的资源泄露

    首先应明确一个概念 句柄, 关于句柄的详细介绍请见这里 对于句柄的使用小结:借来的要归还,创建的要释放,选出的要选入[尤其是针对GDI的一些句柄而言,如HPEN,HBRUSH等] 1. 使用GetDC ...

  8. ubuntu下 使用AB做压力测试

    1最近刚开始接触apache大数据下数据优化,讲一下apache 下ab压力测试工具. 程序“ab”尚未安装. 您可以使用以下命令安装: apt-get install apache2-utils 以 ...

  9. FileReader

    Reader 字符流的基类,抽象类 FileReader 读取文件的字符流 package file; import java.io.File; import java.io.FileReader; ...

  10. 大小写转换,split分割

    一.大小写转换 1.定义和用法 toUpperCase() 方法用于把字符串转换为大写. toLowerCase() 方法用于把字符串转换为小写.    用法: stringObject.toUppe ...