Android App中实现简单的刮刮卡抽奖效果的实例详解

 更新时间:2016年03月31日 17:37:43   作者:匆忙拥挤repeat  
这篇文章主要介绍了Android App中实现简单的刮刮卡抽奖效果的实例详解,文中主要借助Bitmap的canvas.drawPath的api来实现,需要的朋友可以参考下

主要思想:
将一个view设计成多层:背景层,含中奖信息等;
遮盖层,用于刮奖,使用关联一个Bitmap的Canvas
在该Bitmap上,使用它的canvas.drawPath的api来处理 手势滑动(类似刮奖的动作)
使用paint.setXfermode 来进行消除手势滑动区域

2016331173620359.jpg (513×818)

public class GuaView extends View { 
 
  private Bitmap mBitmap; //遮盖的图层 
  private Canvas mCanvas; //绘制遮盖图层 
  private Paint mOuterPaint; 
  private Path mPath; 
  private float mLastX; 
  private float mLastY; 
 
  private Bitmap mCoverBitmap; //遮盖图 
  private int mWidth, mHeight; 
  private Paint mInnerPaint; 
  private String mInfo; 
 
 
  public GuaView(Context context) { 
    this(context, null); 
  } 
 
  public GuaView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
 
    init(); 
  } 
 
  private void init() { 
    mPath = new Path(); 
    mOuterPaint = new Paint(); 
    mInnerPaint = new Paint(); 
    mCoverBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.fg_guaguaka); 
 
    mInfo = "¥ 5 0 0"; 
  } 
 
  @Override 
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
    mWidth = mCoverBitmap.getWidth(); 
    mHeight = mCoverBitmap.getHeight(); 
    setMeasuredDimension(mWidth, mHeight); 
 
    mBitmap = Bitmap.createBitmap(mWidth, mHeight, Bitmap.Config.ARGB_8888); 
    mCanvas = new Canvas(mBitmap); 
    mCanvas.drawBitmap(mCoverBitmap, 0, 0, null); 
 
    setOuterPaint(); 
    setInnerPaint(); 
 
  } 
 
  private void setInnerPaint() { 
    mInnerPaint.setColor(Color.RED); 
    mInnerPaint.setStyle(Paint.Style.STROKE); 
    mInnerPaint.setStrokeCap(Paint.Cap.ROUND); 
    mInnerPaint.setStrokeJoin(Paint.Join.ROUND); 
    mInnerPaint.setAntiAlias(true); 
    mInnerPaint.setDither(true); //防抖 
    mInnerPaint.setStrokeWidth(5); 
    mInnerPaint.setTextSize(100); 
    mInnerPaint.setTextAlign(Paint.Align.CENTER); 
  } 
 
  private void setOuterPaint() { 
    mOuterPaint.setColor(Color.GREEN); 
    mOuterPaint.setStyle(Paint.Style.STROKE); 
    mOuterPaint.setStrokeCap(Paint.Cap.ROUND); 
    mOuterPaint.setStrokeJoin(Paint.Join.ROUND); 
    mOuterPaint.setAntiAlias(true); 
    mOuterPaint.setDither(true); //防抖 
    mOuterPaint.setStrokeWidth(20); 
  } 
 
  @Override //Path 
  public boolean onTouchEvent(MotionEvent event) { 
    float x = event.getX(); 
    float y = event.getY(); 
    switch (event.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
        mLastX = x; 
        mLastY = y; 
        mPath.moveTo(x, y); 
        break; 
      case MotionEvent.ACTION_MOVE: 
        float deltaX = Math.abs(x - mLastX); 
        float deltaY = Math.abs(y - mLastY); 
        if (deltaX > 5 || deltaY > 5) { 
          mPath.lineTo(x, y); 
        } 
        mLastX = x; 
        mLastY = y; 
        break; 
      case MotionEvent.ACTION_UP: 
        break; 
    } 
    invalidate();//调用onDraw 
    return true; 
  } 
 
  @Override 
  protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 
 
    canvas.drawColor(Color.parseColor("#bbbbbb")); //背景底色 灰色 
    canvas.drawText(mInfo, mWidth / 2, mHeight / 4 * 3, mInnerPaint); //绘制文本 
    canvas.drawBitmap(mBitmap, 0, 0, null); //绘制mBitmap  这是一个可变的bitmap,通过mCanvas绘制,首先绘制了mCoverBitmap 
    drawPath(); 
 
  } 
 
  private void drawPath() { 
    //使用该mode:dst和src相交后, 只保留dst,且除去相交的部份 
    mOuterPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)); 
    mCanvas.drawPath(mPath, mOuterPaint); 
  } 
} 

Paint.Join 连续画笔衔接时:

  •         MITER 在外边缘以一个锐角连接
  •         ROUND 以圆弧
  •         BEVEL 以直线

Paint.Cap 指定对于 线和路径(lines and paths) 的开始和结束点的处理方式:

  •         BUTT  ends with the path  不超越它
  •         ROUND  with the center at the end of the path 半圆
  •         SQUARE  with the center at the end of the path 方形

相关文章

  • Android实现日夜间模式的深入理解

    Android实现日夜间模式的深入理解

    相信Android的日间/夜间模式切换相信大家在平时使用 APP 的过程中都遇到过,比如知乎、简书中就有相关的模式切换。实现日间/夜间模式切换的方案也有许多种,趁着今天有空来讲一下日间/夜间模式切换的几种实现方案,也可以做一个横向的对比来看看哪种方案最好。
    2016-09-09
  • 详解Android.activity销毁流程的工作原理

    详解Android.activity销毁流程的工作原理

    这篇文章主要介绍了详解Activity销毁流程的工作原理,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Android ViewPager实现智能无限循环滚动回绕效果

    Android ViewPager实现智能无限循环滚动回绕效果

    这篇文章主要为大家详细介绍了Android ViewPager实现智能无限循环滚动回绕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Android UI组件LinearLayout线性布局详解

    Android UI组件LinearLayout线性布局详解

    这篇文章主要为大家详细介绍了AndroidUI组件LinearLayout线性布局,具有一定的实用性,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android开发实现按钮点击切换背景并修改文字颜色的方法

    Android开发实现按钮点击切换背景并修改文字颜色的方法

    这篇文章主要介绍了Android开发实现按钮点击切换背景并修改文字颜色的方法,涉及Android界面布局与相关属性设置技巧,需要的朋友可以参考下
    2018-01-01
  • Android判断程序是否第一次启动

    Android判断程序是否第一次启动

    这篇文章主要为大家详细介绍了Android判断程序是否第一次启动的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Android日期和时间选择器实现代码

    Android日期和时间选择器实现代码

    这篇文章主要为大家详细介绍了Android日期和时间选择器实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Android利用ObjectAnimator实现ArcMenu

    Android利用ObjectAnimator实现ArcMenu

    这篇文章主要为大家详细介绍了Android利用ObjectAnimator实现ArcMenu的相关资料,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Android实现缓存大图到SD卡

    Android实现缓存大图到SD卡

    这篇文章主要为大家详细介绍了Android实现缓存大图到SD卡,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • android 检测耳机是否插入方法

    android 检测耳机是否插入方法

    在android开发过程中经常会用到检测耳机是否插入的功能,本文将介绍一些方法,可供有需要的朋友参考下
    2012-11-11

最新评论