Android 实现简单的刮刮乐

来源：互联网发布：怎样加入网络直销编辑：程序博客网时间：2024/06/05 11:13

上次突发奇想想做个不一样的刮刮乐，参考了大神们的代码。然后，写出了这种效果。
效果图

1，先继承TextView

/** * Created by Administrator on 2017/2/25. * 刮刮乐 效果 */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(getLayoutParams().width, getLayoutParams().height, 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.maojin_ic);        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;    }}

2，如何使用

 protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_shave);        ButterKnife.bind(this);        String[] str_reward = {"讨厌！", "舒服1000！", "真爽10000！","真爽10000！"};        scratchTv.setText(str_reward[getRandom()]);        scratchTv.initScratchCard(0xFFFFFFFF, 20, 1f);//调用方法，初始化scartchTextView 最外层的颜色//        getResources().getColor(R.color.btn_fuse_color_c)    }    private int getRandom() {        Random random = new Random();        int number = random.nextInt(5);        return number;    }}

0 0