Android刮刮卡效果实现代码

Android刮刮卡效果实现代码,第1张

概述本文实例为大家分享了Android刮刮卡效果,供大家参考,具体内容如下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,null);  canvas.drawBitmap(mFgBitmap,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刮刮卡效果实现代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1147926.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存