Android 实现简单的刮刮乐

上次突发奇想想做个不一样的刮刮乐,参考了大神们的代码。然后,写出了这种效果。
Android 实现简单的刮刮乐_第1张图片

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;
    }
}

你可能感兴趣的:(Android,android)