Android刮刮卡效果实现代码

 更新时间:2016年10月20日 11:28:45   作者:木叶57  
这篇文章主要为大家详细介绍了Android刮刮卡效果实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android刮刮卡效果,供大家参考,具体内容如下

android实现底层一张图片,上层一个遮罩层,触摸滑动按手指滑动路径实现去除遮罩效果,类似于抽奖的刮刮卡一样,不多说先上张效果图:

直接上代码:

XfermodeView.java 

/** 
 * Created by 57 on 2016-4-21. 
 */ 
public class XfermodeView extends View{ 
 private Bitmap mBgBitmap,mFgBitmap; 
 private Paint mPaint; 
 private Canvas mCanvas; 
 private Path mPath; 
 
 public XfermodeView(Context context) { 
 super(context); 
 init(); 
 } 
 
 
 public XfermodeView(Context context, AttributeSet attrs) { 
 super(context, attrs); 
 init(); 
 } 
 
 public XfermodeView(Context context, AttributeSet attrs, int defStyleAttr) { 
 super(context, attrs, defStyleAttr); 
 init(); 
 } 
 
 @Override 
 protected void onDraw(Canvas canvas) { 
 
 canvas.drawBitmap(mBgBitmap,0,0,null); 
 canvas.drawBitmap(mFgBitmap,0,0,null); 
 } 
 
 
 private void init() { 
 mPaint = new Paint(); 
 mPaint.setAlpha(0); 
 mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); 
 mPaint.setStyle(Paint.Style.STROKE); 
 mPaint.setStrokeJoin(Paint.Join.ROUND); 
 mPaint.setStrokeWidth(50); 
 mPaint.setStrokeCap(Paint.Cap.ROUND); 
 mPath = new Path(); 
 mBgBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test5); 
 mFgBitmap = Bitmap.createBitmap(mBgBitmap.getWidth(),mBgBitmap.getHeight(),Bitmap.Config.ARGB_8888); 
 mCanvas = new Canvas(mFgBitmap); 
 mCanvas.drawColor(Color.GRAY); 
 
 } 
 
 @Override 
 public boolean onTouchEvent(MotionEvent event) { 
 switch(event.getAction()){ 
  case MotionEvent.ACTION_DOWN: 
  mPath.reset(); 
  mPath.moveTo(event.getX(),event.getY()); 
  break; 
  case MotionEvent.ACTION_MOVE: 
  mPath.lineTo(event.getX(),event.getY()); 
  break; 
 } 
 mCanvas.drawPath(mPath,mPaint); 
 invalidate(); 
 return true; 
 } 
} 

Xfermode有三个子类 :
AvoidXfermode  指定了一个颜色和容差,强制Paint避免在它上面绘图(或者只在它上面绘图)。
PixelXorXfermode  当覆盖已有的颜色时,应用一个简单的像素异或操作。
PorterDuffXfermode  这是一个非常强大的转换模式,使用它,可以使用图像合成的16条Porter-Duff规则的任意一条来控制Paint

如何与已有的Canvas图像进行交互。

从上面我们可以看到PorterDuff.Mode为枚举类,一共有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
  取两图层全部区域,交集部分变为透明色

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android编程内存溢出与防范方法浅析

    Android编程内存溢出与防范方法浅析

    这篇文章主要介绍了Android编程内存溢出与防范方法,较为详细的分析了Android内存溢出的常见原因与相应的防范措施,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • Android 蓝牙2.0的使用方法详解

    Android 蓝牙2.0的使用方法详解

    这篇文章主要为大家详细介绍了Android 蓝牙2.0的使用方法,分享了Android操作蓝牙2.0的使用流程,一些具有参考价值的代码,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Android系统状态栏定制图标显示逻辑控制

    Android系统状态栏定制图标显示逻辑控制

    这篇文章主要为大家介绍了Android系统状态栏定制图标显示逻辑控制,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • Android ViewPagerIndicator详解及实例代码

    Android ViewPagerIndicator详解及实例代码

    这篇文章主要介绍了Android ViewPagerIndicator详解及实例代码的相关资料,需要的朋友可以参考下
    2017-05-05
  • Android 两个Service的相互监视实现代码

    Android 两个Service的相互监视实现代码

    这篇文章主要介绍了Android 两个Service的相互监视实现代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • Android应用中使用DOM方式解析XML格式数据的基本方法

    Android应用中使用DOM方式解析XML格式数据的基本方法

    这篇文章主要介绍了Android应用中使用DOM方式解析XML格式数据的基本方法,值得注意的是DOM方式解析的效率并不高,在数据量大的时候并不推荐使用,需要的朋友可以参考下
    2016-04-04
  • 基于Android实现仿QQ5.0侧滑

    基于Android实现仿QQ5.0侧滑

    本课程将带领大家通过自定义控件实现QQ5.0侧滑菜单,课程将循序渐进,首先实现最普通的侧滑菜单,然后引入属性动画与拖动菜单效果相结合,最终实现QQ5.0侧滑菜单效果。通过本课程大家会对侧滑菜单有更深层次的了解,通过自定义控件和属性动画打造千变万化的侧滑菜单效果
    2015-12-12
  • Android 手机防止休眠的两种实现方法

    Android 手机防止休眠的两种实现方法

    这篇文章主要介绍了Android 手机防止休眠方法的相关资料,一种是在Manifest.xml文件里面声明,另外一种方法是在代码里面修改LayoutParams的标志位,需要的朋友可以参考下
    2017-08-08
  • android中实现手机号码的校验的示例代码

    android中实现手机号码的校验的示例代码

    本篇文章主要介绍了android中实现手机号码的校验的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Android数据加密之Des加密详解

    Android数据加密之Des加密详解

    DES是一种对称加密算法,所谓对称加密算法即:加密和解密使用相同密钥的算法,这篇文章主要介绍了Android Des加密,感兴趣的小伙伴们可以参考一下
    2016-08-08

最新评论