刮刮乐

• 首页
• 博客
• 学院
• 下载
• GitChat
• TinyMind
• 论坛
• 问答
• 商城
• VIP
• 活动
• 招聘
• ITeye
• CSTO

• 写博客
• 发Chat
• 

董俊帅

冰冻三尺岂是一日之寒！！

RSS订阅

原

Android实现刮刮卡效果

2018年05月24日 15:38:32

阅读数：313

    今天看到一个关于刮刮卡的库，经过测试，感觉还不错，使用方法也比较简单，在这里分享一下。

    

    github地址：https://github.com/D-clock/ScratchView

    1.xml布局：

xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="test.riven.com.testscratchview.MainActivity">

    <FrameLayout
        android:id="@+id/frame"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="8dp">


        <TextView
            android:textColor="#Ff00"
            android:textSize="30sp"
            android:text="一等奖"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />


        <com.clock.scratch.ScratchView
            android:id="@+id/scratch_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    FrameLayout>

    <Button
        android:id="@+id/btnRest"
        android:layout_below="@+id/frame"
        android:text="Rest"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />



RelativeLayout>

    2.MianActivity

public class MainActivity extends AppCompatActivity {

    private ScratchView scratchView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        scratchView = findViewById(R.id.scratch_view);

        /** 设置刮卡时线条的宽度 */
        scratchView.setEraserSize(80);

        /** 设置最大的擦除比例 */
        //scratchView.setMaxPercent(80);


        /** 设置蒙板红色 */
        //scratchView.setMaskColor(0xffff0000);

        /** 设置蒙版水印 */
        //scratchView.setWatermark(R.mipmap.ic_launcher);

        /** 设置刮卡时的监听 */
        scratchView.setEraseStatusListener(new ScratchView.EraseStatusListener() {
            @Override
            public void onProgress(int percent) {
                /** 最大露出面积达80%时，移除蒙版，全部展示 */
                if (percent > 80){
                    scratchView.clear();
                }
            }
            @Override
            public void onCompleted(View view) {

            }
        });

        findViewById(R.id.btnRest).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                /** 重新设置 */
                scratchView.reset();
            }
        });
    }
}

    3.api接口

    

    Demo下载

    

    

Android 自定义控件实现刮刮卡效果 真的就只是刮刮卡么

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/40162163 ， 本文出自：【张鸿洋的博客】很久以前也过一个html5的刮刮卡效...

 lmj623565791

2014-10-27 09:33:51

阅读数：45238

android 自定义view实现刮刮卡效果

android 自定义view实现刮刮卡效果

 coderinchina

2017-05-03 17:09:46

阅读数：546

海参的功效，北京人不知道海参有这些功效！沈阳盛鼎 · 顶新

自定义View--刮刮卡

效果图： 原理：最上层是一个(颜色值为#cococo)bitmap,中间是一个画笔在画布上花下用户滑动的路径，最下层是一个背景图片的bitmap(见下图) 具体绘制的代码如下： @Overri...

 qq_30716173

2016-04-12 10:57:04

阅读数：2345

Android 刮刮卡效果 自定义控件实现

2014年10月18日 4.66MB 下载

Android实现刮刮卡抽奖（上）

自定义View实现刮刮卡界面： import android.annotation.SuppressLint; import android.content.Context; import an...

 true100

2015-12-08 09:30:13

阅读数：913

html5 js 实现刮刮卡效果

body         {             width: 320px;             min-height: 568px;             overflow: hi...

 jhjsxsy

2014-10-31 14:41:00

阅读数：704

打印机出租,新机销售,选弘顺瑞通,绿色节能办公的首选！弘顺瑞通 · 顶新

【Android】刮刮卡实例

前言                日常生活中，抽奖是我们都接触过的一项活动，刚开始的时候是现实中的刮刮卡。后来智能手机上也能刮一刮了。在Android系统要实现刮刮卡的效果，需要用到Bitmap...

 Gnd15732625435

2016-06-10 21:36:34

阅读数：902

Android 实现简单的刮刮乐

上次突发奇想想做个不一样的刮刮乐，参考了大神们的代码。然后，写出了这种效果。 1，先继承TextView/** * Created by Administrator on 2017/2/25. ...

 qq_26841579

2017-04-15 19:25:58

阅读数：776

html5 canvas实现刮刮卡效果

直接上代码，注意看注释 *{ padding: 0; margin: 0; } #guaguaka{ posit...

 shidaping

2016-12-06 11:17:59

阅读数：995

iOS 实现刮刮乐效果demo剑客篇(欢迎提建议和分享经验)

#import "AppDelegate.h" #import "FeelHapplyVC.h" @interface AppDelegate () @end ...

 u012113447

2014-12-15 10:03:45

阅读数：1737

canvas实现移动端和PC端刮刮卡效果

H5刮刮卡 *{ padding:0; margin:0; border:none; } .card_view{ ...

 sonnylight

2016-07-13 14:54:14

阅读数：910

基于HTML5 canvas的jQuery刮刮卡效果

ScratchIt是一款基于HTML5 canvas的jQuery刮刮卡效果插件。这个刮刮卡效果使用两张图片和canvas来制作，可以使用鼠标擦除上面的图片，将下面的图片显露出来，模拟现实的刮刮卡效果...

 sunny_girls

2015-06-08 13:05:22

阅读数：1919

canvas实现刮刮卡，实现canvas擦除

其实这个问题，一直以来都不是问题，因为以前用canvas做的擦除都是针对手机满屏幕来擦除，所以一直没有踩到这个坑~~~ 网络上的擦除效果其实写的都挺泛泛的，没有特别详细的，这里给你们贴一下擦...

 lishangua

2016-06-07 09:43:27

阅读数：2992

自定义View实现刮刮卡效果

继承View实现的一个刮刮卡效果的控件。 使用方法： * 和普通控件的使用方法一样实例化这个View * 使用setCardContent()方法设置设置卡片底层的图片和顶层的遮罩图片，可以使用...

 u014165119

2015-07-02 17:33:34

阅读数：751

Android刮刮卡的实现

        做了几年开发以前都是去看书, 看大神的博客, 看别人的文章, 确实收获了不少, 遇到不会的就查, 看到别人写好的第三方控件就拿过来用 , 使用别人制造的轮子感觉灰常好, 还节省时间, ...

 c1392851600

2018-03-17 20:41:41

阅读数：158

android刮刮卡效果实现

2017年06月10日 27.95MB 下载

Cocos2d中实现刮刮卡效果完全版

本文代码适用于Cocos2d-x Quick-Community3.6

 u012926027

2017-12-29 16:49:22

阅读数：232

iOS开发 刮刮乐效果的实现

引言 我们平时在使用支付宝的时候, 会看到类似彩票刮刮乐的效果。如何实现的呢?下面就直接上代码了... 刮刮乐效果: 1.创建视图: -(void)createSubViews { ...

 qq_30513483

2016-07-09 10:24:34

阅读数：1505

HTML5 Canvas刮刮卡效果 实例

近年来由于移动设备对HTML5的较好支持，经常有活动用刮奖的效果，最近也在看H5方面的内容，就自己实现了一个，现分享出来跟大家交流。 1、效果 2、原理 原理很简单，就是在刮奖区添加两个can...

 lufei1993425

2015-05-25 10:31:10

阅读数：581

Android实现自定义刮刮卡效果View（源码）

2014年12月31日 1.66MB 下载

个人资料

dong_junshuai

关注

原创

55

粉丝

11

喜欢

2

评论

13

等级：

访问：

3万+

积分：

884

排名：

6万+

勋章：

最新文章

• Execution failed for task ':app:preDebugAndroidTestBuild
• Android获取安装包32位签名
• Android Studio Bookmark
• EditText禁止输入空格和回车
• 鸡年年假总结

个人分类

• 生活感悟3篇
• Android32篇
• Java工具类3篇
• 硬件2篇
• office20101篇
• Android性能优化1篇
• Android自定义控件4篇
• GitHub发现5篇
• squid1篇
• Android Design包3篇
• 多线程1篇
• 更新1篇

展开

归档

• 2018年5月2篇
• 2018年4月2篇
• 2018年2月2篇
• 2018年1月1篇
• 2017年11月1篇
• 2017年9月2篇
• 2017年7月1篇
• 2017年6月3篇
• 2017年5月2篇
• 2017年4月1篇
• 2017年3月1篇
• 2017年2月4篇
• 2017年1月3篇
• 2016年12月11篇
• 2016年11月16篇
• 2016年10月3篇

展开

热门文章

• android点击查看大图（长按保存图片）

  阅读量：3962

• Java中String转MD5

  阅读量：2804

• Android使用友盟进行分渠道打包和统计

  阅读量：2098

• 解决无法完美卸载office2010的问题

  阅读量：2011

• Banner实现广告无限轮播

  阅读量：1998

最新评论

• SlideView一个滑动效果库

  yhl199514：类和方法正常，xml文件之前不认识app。。。。我alt +enter, 文件里不显示错误了，但...

• SlideView一个滑动效果库

  yhl199514：xml文件报错怎么办 error: attribute 'com.example.adminis...

• 自定义ScrollView实现图片...

  qq_40090482：在吗，哥们，如果不用ListView 而改为RecyclerView该怎么改，，怎么解决冲突问题

• Banner实现广告无限轮播

  dong_junshuai：[reply]XiaoCui9[/reply] 看你喜欢哪个了，各自有各自的好处，如果只是简单的加...

• Banner实现广告无限轮播

  XiaoCui9：[reply]XiaoCui9[/reply] Fresco.initialize(this);

联系我们

请扫描二维码联系客服

[email protected]

400-660-0108

QQ客服 客服论坛

关于招聘广告服务  百度

©1999-2018 CSDN版权所有

京ICP证09002463号

经营性网站备案信息

网络110报警服务

中国互联网举报中心

北京互联网违法和不良信息举报中心

• 0

• 
  收藏
• 
  评论
• 
  微信
• 
  微博
• 
  QQ

关闭