简单实现Android刮刮卡效果

发布时间 - 2026-01-11 02:28:30    点击率:

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

一、Xfermode

通过使用Xfermode将绘制的图形的像素和Canvas上对应位置的像素按照一定的规则进行混合,形成新的像素,再更新到Canvas中形成最终的图形,使用的时候都是通过Paint.setXfermode来实现。

二、混合模式分类

PorterDuff则是用于描述数字图像合成的基本手法,通过组合使用Porter-Duff操作,可完成任意2D图像的合成。

public class PorterDuff {

  // these value must match their native equivalents. See SkPorterDuff.h
  public enum Mode {
    /** [0, 0] */
    CLEAR    (0),
    /** [Sa, Sc] */
    SRC     (1),
    /** [Da, Dc] */
    DST     (2),
    /** [Sa + (1 - Sa)*Da, Rc = Sc + (1 - Sa)*Dc] */
    SRC_OVER  (3),
    /** [Sa + (1 - Sa)*Da, Rc = Dc + (1 - Da)*Sc] */
    DST_OVER  (4),
    /** [Sa * Da, Sc * Da] */
    SRC_IN   (5),
    /** [Sa * Da, Sa * Dc] */
    DST_IN   (6),
    /** [Sa * (1 - Da), Sc * (1 - Da)] */
    SRC_OUT   (7),
    /** [Da * (1 - Sa), Dc * (1 - Sa)] */
    DST_OUT   (8),
    /** [Da, Sc * Da + (1 - Sa) * Dc] */
    SRC_ATOP  (9),
    /** [Sa, Sa * Dc + Sc * (1 - Da)] */
    DST_ATOP  (10),
    /** [Sa + Da - 2 * Sa * Da, Sc * (1 - Da) + (1 - Sa) * Dc] */
    XOR     (11),
    /** [Sa + Da - Sa*Da,
       Sc*(1 - Da) + Dc*(1 - Sa) + min(Sc, Dc)] */
    DARKEN   (12),
    /** [Sa + Da - Sa*Da,
       Sc*(1 - Da) + Dc*(1 - Sa) + max(Sc, Dc)] */
    LIGHTEN   (13),
    /** [Sa * Da, Sc * Dc] */
    MULTIPLY  (14),
    /** [Sa + Da - Sa * Da, Sc + Dc - Sc * Dc] */
    SCREEN   (15),
    /** Saturate(S + D) */
    ADD     (16),
    OVERLAY   (17);

    Mode(int nativeInt) {
      this.nativeInt = nativeInt;
    }

    /**
     * @hide
     */
    public final int nativeInt;
  }

1、SRC类,优先显示的是源图片。SRC_IN处理图片相交区域时,受到目标图片的Alpha值影响,当我们的目标图片为空白像素的时候,源图片也会变成空白,简单的来说就是用目标图片的透明度来改变源图片的透明度和饱和度,当目标图片的透明度为0时,源图片就不会显示。SRC_OUT用我们目标图片的透明度的补值来改变源图片的透明度和饱和度,当目标图片的透明度为不透明时,源图片就不会显示。SRC_ATOP当透明度为100%和0%时,SRC_IN和SRC_ATOP是通用的,当透明度不为上述的两个值时,SRC_ATOP比SRC_IN源图像的饱和度会增加,变得更亮一些。

2、DST类,优先显示的是目标图片。DST_IN在相交的时候以源图片的透明度来改变目标图片的透明度和饱和度,当源图片的透明度为0的时候,目标图片完全不显示。

3、其它的叠加效果,MULTIPLY可以把图片的轮廓取出来,LIGHTEN变亮效果。

三、刮刮卡效果

1、效果图

2、实现思路
利用PorterDuffXfermode中的模式SRC_OUT,先绘制最终呈现的图片并将图层保存起来,然后将手指移动的轨迹渲染到画布上,并绘制目标图片到画布上,最后用目标图片的透明度的补值来改变源图片的透明值,将最终呈现的图片显示在屏幕上。

3、代码实例

public class GuaCardView extends View {

  private Bitmap mSrcText;
  private Bitmap mSrcBitmap;
  private Bitmap mDstBitmap;
  private Paint mPaint;
  private Path mPath;
  private float mStartX,mStartY;

  public GuaCardView(Context context, AttributeSet attrs) {
    super(context, attrs);
    setLayerType(LAYER_TYPE_SOFTWARE,null);
    mPaint = new Paint();
    mPaint.setColor(Color.RED);
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setStrokeWidth(45);
    mSrcText = BitmapFactory.decodeResource(getResources(), R.drawable.guaguaka_text1);
    mSrcBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.guaguaka);
    mDstBitmap = Bitmap.createBitmap(mSrcBitmap.getWidth(),mSrcBitmap.getHeight(), Bitmap.Config.ARGB_8888);
    mPath = new Path();
  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //画最终呈现的图
    canvas.drawBitmap(mSrcText,0,0,mPaint);
    int layerId = canvas.saveLayer(0,0,getWidth(),getHeight(),null,Canvas.ALL_SAVE_FLAG);
    //把手指轨迹画到画布上
    Canvas c = new Canvas(mDstBitmap);
    c.drawPath(mPath,mPaint);
    //利用SRC_OUT绘制原图
    canvas.drawBitmap(mDstBitmap,0,0,mPaint);
    mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
    canvas.drawBitmap(mSrcBitmap,0,0,mPaint);
    mPaint.setXfermode(null);
    canvas.restoreToCount(layerId);
  }

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    switch(event.getAction()){
      case MotionEvent.ACTION_DOWN:
        mPath.moveTo(event.getX(),event.getY());
        mStartX = event.getX();
        mStartY = event.getY();
        return true;
      case MotionEvent.ACTION_MOVE:
        float endX = (mStartX+event.getX())/2;
        float endY = (mStartY+event.getY())/2;
        mPath.quadTo(mStartX,mStartY,endX,endY);
        mStartX = event.getX();
        mStartY = event.getY();
        break;
      default:
        break;
    }
    postInvalidate();
    return super.onTouchEvent(event);
  }
}

以

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


# Android  # 刮刮卡  # Android刮刮卡效果实现代码  # Android刮刮卡功能具体实现代码  # Android刮刮卡实现原理与代码讲解  # Android App中实现简单的刮刮卡抽奖效果的实例详解  # Android开发之自定义刮刮卡实现代码  # 饱和度  # 的是  # 都是  # 也会  # 则是  # 并将  # 不为  # 当我们  # 大家分享  # 来实现  # 用我  # 图层  # 具体内容  # 不透  # 大家多多  # 新到  # 明时  # 变亮  # 屏幕上 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 弹幕视频网站制作教程下载,弹幕视频网站是什么意思?  html如何与html链接_实现多个HTML页面互相链接【互相】  Laravel安装步骤详细教程_Laravel环境搭建指南  网站制作软件免费下载安装,有哪些免费下载的软件网站?  如何在Windows服务器上快速搭建网站?  如何在景安云服务器上绑定域名并配置虚拟主机?  JS弹性运动实现方法分析  js实现点击每个li节点,都弹出其文本值及修改  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  油猴 教程,油猴搜脚本为什么会网页无法显示?  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  如何用wdcp快速搭建高效网站?  如何撰写建站申请书?关键要点有哪些?  iOS正则表达式验证手机号、邮箱、身份证号等  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  利用JavaScript实现拖拽改变元素大小  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  在Oracle关闭情况下如何修改spfile的参数  百度输入法ai组件怎么删除 百度输入法ai组件移除工具  打造顶配客厅影院,这份100寸电视推荐名单请查收  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  大连网站制作公司哪家好一点,大连买房网站哪个好?  Android使用GridView实现日历的简单功能  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  网站建设要注意的标准 促进网站用户好感度!  PythonWeb开发入门教程_Flask快速构建Web应用  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  如何在 Python 中将列表项按字母顺序编号(a.、b.、c. …)  为什么要用作用域操作符_php中访问类常量与静态属性的优势【解答】  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  如何选择PHP开源工具快速搭建网站?  javascript基于原型链的继承及call和apply函数用法分析  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  公司网站制作需要多少钱,找人做公司网站需要多少钱?  如何自定义建站之星模板颜色并下载新样式?  如何在阿里云完成域名注册与建站?  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  三星、SK海力士获美批准:可向中国出口芯片制造设备  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  详解jQuery中基本的动画方法  开心动漫网站制作软件下载,十分开心动画为何停播?  如何打造高效商业网站?建站目的决定转化率  网页设计与网站制作内容,怎样注册网站?  如何为不同团队 ID 动态生成多个非值班状态按钮  七夕网站制作视频,七夕大促活动怎么报名?