自定义view刮刮乐

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义view刮刮乐相关的知识,希望对你有一定的参考价值。

package com.example.guaguale;

import android.content.Context;
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.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.TextView;

/**
* Created by Administrator on 2017\10\6 0006.
*/

public class ScratchTextView extends TextView {
private static final String TAG = "ScratchTextView";
private Bitmap mbitmap;// 盖在字上面的图片
private Canvas mCanvas; //画线的画布
private Paint mPaint;//划线的画笔
private Path mPath;//线
private float mX, mY;
private float TOUCH_TOLERANCE;
private boolean isInited = false;//用于判断时候覆盖了textview的文字

public ScratchTextView(Context context) {
super(context);
}

public ScratchTextView(Context context, AttributeSet attrs) {
super(context, attrs);
}

public ScratchTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}

//onDraw初始化的时候调用一次,然invalidate()的时候调用,
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (isInited) {
mCanvas.drawPath(mPath, mPaint);//把线画到mCanvas上,mCanva会把线画到mBitmap
canvas.drawBitmap(mbitmap, 0, 0, null);// 把mBitmap画到textview上 canvas是父textvie传过来的。
}
}

/**
* 初始化刮刮卡
*
* @param bgColor 刮刮卡背景色,用于盖住下面的字
* @param paintStrokeWidth 擦除线宽
* @param touchTolerance 画线容差
*/
public void initScratchCard(final int bgColor, final int paintStrokeWidth, float touchTolerance) {
TOUCH_TOLERANCE = touchTolerance;
mPaint = new Paint();//创建画笔
mPaint.setAlpha(240);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));//
mPaint.setAntiAlias(true);// 抗锯齿 mPaint.setDither(true);// 防抖动 mPaint.setStyle(Paint.Style.STROKE);// 画笔类型: STROKE空心 FILL实心 FILL_AND_STROKE用契形填充 mPaint.setStrokeJoin(Paint.Join.ROUND);// 画笔接洽点类型 mPaint.setStrokeCap(Paint.Cap.ROUND);// 画笔笔刷类型 mPaint.setStrokeWidth(paintStrokeWidth);// 画笔笔刷宽度 mPath = new Path(); //建立一个空的Bit mbitmap = Bitmap.createBitmap(100, 90, Bitmap.Config.ARGB_8888);// mCanvas = new Canvas(mbitmap);//通过bitmap生成一个画布 Paint paint = new Paint();//用于绘制生成的背景图片的字体 paint.setTextSize(50);///字体大小 paint.setColor(Color.parseColor("#ff0717")); mCanvas.drawColor(bgColor);//背景色 //.从资源文件中获取图片 Bitmap photo = BitmapFactory.decodeResource(this.getResources(), R.drawable.sss); mCanvas.drawBitmap(photo, 0 , 1 , paint);//设置遮盖层的图片。比如说,衣服 //设置外层的文字。 mCanvas.drawText("不要嘛!!", getLayoutParams().width / 4, getLayoutParams().height / 2 + 15, paint); isInited = true; } //该触膜事件可以定义在调用的activity中实现 @Override public boolean onTouchEvent(MotionEvent event) { if (!isInited) { return true; } switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mPath.reset(); // 重置绘制路线,即隐藏之前绘制的轨迹 mPath.moveTo(event.getX(), event.getY()); // mPath绘制的绘制起点 mX = event.getX(); mY = event.getY(); invalidate();//更新界面 Log.d(TAG, mX + "|" + mY); break; case MotionEvent.ACTION_MOVE: //x和y移动的距离 float dx = Math.abs(event.getX() - mX); float dy = Math.abs(event.getY() - mY); //x,y移动的距离大于画线容差 if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) { // 二次贝塞尔,实现平滑曲线;mX, mY为操作点,(x + mX) / 2, (y + mY) / 2为终点 mPath.quadTo(mX, mY, (event.getX() + mX) / 2, (event.getY() + mY) / 2); // 第二次执行时,第一次结束调用的坐标值将作为第二次调用的初始坐标值 mX = event.getX(); mY = event.getY(); Log.d(TAG, mX + "|" + mY); invalidate(); break; } } return true; }}
ScratchTextView scratchTv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
scratchTv= (ScratchTextView) findViewById(R.id.scratchTv);
String[] str_reward = {"讨厌!", "舒服1000!", "真爽10000!","真爽10000!"};
scratchTv.setText(str_reward[getRandom()]);
scratchTv.initScratchCard(0xFFFFFFFF, 20, 1f);
}
private int getRandom() {
Random random = new Random();
int number = random.nextInt(5);
return number;
}
<com.example.guaguale.ScratchTextView
android:id="@+id/scratchTv"
android:layout_width="match_parent"
android:layout_height="match_parent" />

以上是关于自定义view刮刮乐的主要内容,如果未能解决你的问题,请参考以下文章

Android项目刮刮奖详解

Android自定义View

自定义View系列一 自定义View的构造函数,自定义属性

Android自定义View

Android自定义View

自定义View基础 - 最易懂的自定义View原理系列