学习篇---刮刮卡

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。

相关文章

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

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

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

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

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

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

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

学习hash总结

2014/1/29/   最近刚开始学hash，名字很陌生，但是hash的思想却很熟悉，以前早就做过此类的题，但是不知道这就是hash思想而已，说白了hash就是一个映射，往往灵活利用数组的下标来实现算法，hash的作用：1、判重；2、统计次数；
阅读更多...
零基础学习Redis(10) -- zset类型命令使用

零基础学习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 ...]
阅读更多...
【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

引言 高斯过程（Gaussian Process，简称GP）是一种概率模型，用于描述一组随机变量的联合概率分布，其中任何一个有限维度的子集都具有高斯分布 文章目录 引言一、高斯过程1.1 基本定义1.1.1 随机过程1.1.2 高斯分布 1.2 高斯过程的特性1.2.1 联合高斯性1.2.2 均值函数1.2.3 协方差函数（或核函数） 1.3 核函数1.4 高斯过程回归（Gauss
阅读更多...
【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络（1）sklearn

【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络（1）sklearn

系列文章目录 监督学习：参数方法 【学习笔记】 陈强-机器学习-Python-Ch4 线性回归 【学习笔记】 陈强-机器学习-Python-Ch5 逻辑回归 【课后题练习】 陈强-机器学习-Python-Ch5 逻辑回归（SAheart.csv） 【学习笔记】 陈强-机器学习-Python-Ch6 多项逻辑回归 【学习笔记 及 课后题练习】 陈强-机器学习-Python-Ch7 判别分析 【学
阅读更多...
系统架构师考试学习笔记第三篇——架构设计高级知识（20）通信系统架构设计理论与实践

系统架构师考试学习笔记第三篇——架构设计高级知识（20）通信系统架构设计理论与实践

本章知识考点：         第20课时主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲,本课时知识点会涉及案例分析题(25分),而在历年考试中,案例题对该部分内容的考查并不多,虽在综合知识选择题目中经常考查,但分值也不高。本课时内容侧重于对知识点的记忆和理解,按照以往的出题规律,通信系统架构设计基础知识点多来源于教材内的基础网络设备、网络架构和教材外最新时事热点技术。本课时知识
阅读更多...
线性代数|机器学习-P36在图中找聚类

线性代数|机器学习-P36在图中找聚类

文章目录 1. 常见图结构2. 谱聚类 感觉后面几节课的内容跨越太大，需要补充太多的知识点，教授讲得内容跨越较大，一般一节课的内容是书本上的一章节内容，所以看视频比较吃力，需要先预习课本内容后才能够很好的理解教授讲解的知识点。 1. 常见图结构 假设我们有如下图结构： Adjacency Matrix:行和列表示的是节点的位置，A[i,j]表示的第 i 个节点和第 j 个
阅读更多...
Node.js学习记录（二）

Node.js学习记录（二）

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2