学习篇---刮刮卡

2024-01-20 21:48
文章标签 学习 刮刮卡

本文主要是介绍学习篇---刮刮卡,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

效果图:


GuaGuaKa.java


import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;/*** Created by Administrator on 2016/5/24.*/
public class GuaGuaKa extends View {private Paint sweepPaint;//擦除的画笔private Canvas mCanvas;//起缓存作用的画布private Path sweepPath;//擦除的路径private Bitmap mBitmap;//与刮刮卡大小相同的图片private Bitmap bgBitmap;//刮刮卡的表面图片private Paint textPaint;//文本画笔private Paint bgPanit;//表面图片画笔private Rect textBound;//用于储存文字的长和宽private int textSize;//文本的大小private int textColor;//文本颜色private String text;//文本内容private volatile boolean isComplete;//是否擦除完毕private OnCompleteListener  onCompleteListener;//擦除完毕调用的回调接口public GuaGuaKa(Context context) {this(context, null);}public GuaGuaKa(Context context, AttributeSet attrs) {this(context, attrs, 0);}public GuaGuaKa(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);bgBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.fg_guaguaka);//获取自定义属性TypedArray typedArray=context.getTheme().obtainStyledAttributes(attrs,R.styleable.GuaGuaKa,defStyleAttr,0);textColor=typedArray.getColor(R.styleable.GuaGuaKa_textColor,Color.RED);textSize= (int) typedArray.getDimension(R.styleable.GuaGuaKa_textSize, TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,25,getResources().getDisplayMetrics()));//默认的字体大小是25sp,转化为pxtext=typedArray.getString(R.styleable.GuaGuaKa_text);typedArray.recycle();if(text==null){text="谢谢惠顾";}init();}
//初始化画笔private void init() {bgPanit=new Paint();bgPanit.setAntiAlias(true);bgPanit.setColor(Color.parseColor("#c0c0c0"));bgPanit.setStyle(Paint.Style.FILL);sweepPath = new Path();sweepPaint = new Paint();sweepPaint.setAntiAlias(true);sweepPaint.setDither(true);sweepPaint.setStrokeCap(Paint.Cap.ROUND);sweepPaint.setStrokeJoin(Paint.Join.ROUND);sweepPaint.setStrokeWidth(20);sweepPaint.setStyle(Paint.Style.STROKE);textPaint=new Paint();textPaint.setTextSize(textSize);textPaint.setColor(textColor);textPaint.setStyle(Paint.Style.STROKE);textBound=new Rect();textPaint.getTextBounds(text,0, text.length(),textBound);//获取文本的长宽}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int width = getMeasuredWidth();int height = getMeasuredHeight();mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);mCanvas = new Canvas(mBitmap);//创建画布mCanvas.drawRoundRect(new RectF(0,0,getMeasuredWidth(),getMeasuredHeight()),30,30,bgPanit);//画圆角矩形mCanvas.drawBitmap(bgBitmap,null,new RectF(0,0,getMeasuredWidth(),getMeasuredHeight()),bgPanit);//画刮刮卡表面图片}@Overridepublic boolean onTouchEvent(MotionEvent event) {int action = event.getAction();float x = event.getX();float y = event.getY();switch (action) {case MotionEvent.ACTION_DOWN:sweepPath.moveTo(x, y);break;case MotionEvent.ACTION_MOVE:sweepPath.lineTo(x, y);break;case MotionEvent.ACTION_UP:runnable.run();break;}invalidate();return true;}//线程用于计算已经被擦除的像素量private Runnable runnable=new Runnable() {@Overridepublic void run() {int widthPx=getWidth();int heightPx=getHeight();int sweepArea=0;int totalArea=widthPx*heightPx;int totalPx[]=new int[totalArea];int percentPx;mBitmap.getPixels(totalPx,0,mBitmap.getWidth(),0,0,mBitmap.getWidth(),mBitmap.getHeight());for(int i=0;i<widthPx;i++){for(int j=0;j<heightPx;j++){int dex=i+j*widthPx;if(totalPx[dex]==0){sweepArea++;}}}percentPx=sweepArea*100/totalArea;
//            Log.e("percentPx",percentPx+"" );if(percentPx>50){isComplete=true;postInvalidate();}}};public interface OnCompleteListener{public void onComlete();}public void setOnCompleteListener(OnCompleteListener onCompleteListener) {this.onCompleteListener = onCompleteListener;}@Overrideprotected void onDraw(Canvas canvas) {//画文本canvas.drawText(text,getWidth()/2-textBound.width()/2,getHeight()/2+textBound.height()/2,textPaint);if(!isComplete) {sweepPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));//设置画笔xformodemCanvas.drawPath(sweepPath, sweepPaint);canvas.drawBitmap(mBitmap, 0, 0, null);}if(isComplete){if (onCompleteListener!=null){onCompleteListener.onComlete();onCompleteListener=null;//防止再次被调用}}}//设置文本内容public void setText(String text){textPaint.getTextBounds(text,0, text.length(),textBound);this.text=text;invalidate();}public String getText(){return text;}
}
attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources><declare-styleable name="GuaGuaKa"><attr name="text" format="string"/><attr name="textSize" format="dimension"/><attr name="textColor" format="color"/></declare-styleable>
</resources>
MainActivity.java


import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;public class MainActivity extends AppCompatActivity {
private GuaGuaKa guaGuaKa;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);guaGuaKa= (GuaGuaKa) findViewById(R.id.guaguaKa);guaGuaKa.setText("妹纸一位");guaGuaKa.setOnCompleteListener(new GuaGuaKa.OnCompleteListener() {@Overridepublic void onComlete() {Toast.makeText(MainActivity.this,"恭喜你获得了:"+guaGuaKa.getText(),Toast.LENGTH_SHORT).show();}});}
}
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:songdongwan="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.songdongwan.guguka.MainActivity">
<com.songdongwan.guguka.GuaGuaKaandroid:id="@+id/guaguaKa"songdongwan:textSize="35sp"songdongwan:textColor="#f00"android:layout_centerInParent="true"android:layout_width="300dp"android:layout_height="100dp" /></RelativeLayout>

参考博客地址: 文章地址

这篇关于学习篇---刮刮卡的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/627450

相关文章

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

重新对Java的类加载器的学习方式

《重新对Java的类加载器的学习方式》:本文主要介绍重新对Java的类加载器的学习方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、介绍1.1、简介1.2、符号引用和直接引用1、符号引用2、直接引用3、符号转直接的过程2、加载流程3、类加载的分类3.1、显示

Java学习手册之Filter和Listener使用方法

《Java学习手册之Filter和Listener使用方法》:本文主要介绍Java学习手册之Filter和Listener使用方法的相关资料,Filter是一种拦截器,可以在请求到达Servl... 目录一、Filter(过滤器)1. Filter 的工作原理2. Filter 的配置与使用二、Listen

Java进阶学习之如何开启远程调式

《Java进阶学习之如何开启远程调式》Java开发中的远程调试是一项至关重要的技能,特别是在处理生产环境的问题或者协作开发时,:本文主要介绍Java进阶学习之如何开启远程调式的相关资料,需要的朋友... 目录概述Java远程调试的开启与底层原理开启Java远程调试底层原理JVM参数总结&nbsMbKKXJx

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

学习hash总结

2014/1/29/   最近刚开始学hash,名字很陌生,但是hash的思想却很熟悉,以前早就做过此类的题,但是不知道这就是hash思想而已,说白了hash就是一个映射,往往灵活利用数组的下标来实现算法,hash的作用:1、判重;2、统计次数;

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合,内部除了存储元素外,还会存储一个score,存储在zset中的元素会按照score的大小升序排列,不同元素的score可以重复,score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]