Android studio实现刮刮乐的方法

2023-09-22 18:04:05 65

本文实例为大家分享了Androidstudio实现刮刮乐的具体代码，供大家参考，具体内容如下

MainActivity

publicclassMainActivityextendsAppCompatActivity{

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}

第一种方法：

GuaTwo

publicclassGuaTwoextendsView{
/*第一种方法*/
privatePathmPath;//手刮动的path，过程
privatePaintmOutterPaint;//绘制mPath的画笔
privateCanvasmCanvas;//临时画布
privateBitmapmBitmap;//临时图片

//记录用户path每次的开始坐标值
privateintmLastX;
privateintmLastY;

privateBitmapmOutterBitmap;//图片遮罩，就是手刮动，要擦掉的那张图

publicGuaTwo(Contextcontext){
this(context,null);
}

publicGuaTwo(Contextcontext,AttributeSetattrs){
this(context,attrs,0);
}

publicGuaTwo(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);
init();
}


@Override
protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
super.onMeasure(widthMeasureSpec,heightMeasureSpec);
//获得控件的宽高
intwidth=getMeasuredWidth();
intheight=getMeasuredHeight();
//初始化bitmap
mBitmap=Bitmap.createBitmap(width,height,Bitmap.Config.ARGB_8888);
mCanvas=newCanvas(mBitmap);

//设置画笔属性
setupOutPaint();
mCanvas.drawColor(Color.parseColor("#c0c0c0"));
}

@Override
protectedvoidonDraw(Canvascanvas){
mOutterPaint.setStyle(Paint.Style.STROKE);
mOutterPaint.setXfermode(newPorterDuffXfermode(PorterDuff.Mode.DST_OUT));//Mode.DST_OUT改模式就类似橡皮檫，这个属性设置是关键
canvas.drawBitmap(mOutterBitmap,0,0,null);
canvas.drawBitmap(mBitmap,0,0,null);
mCanvas.drawPath(mPath,mOutterPaint);
}

@Override
publicbooleanonTouchEvent(MotionEventevent){
intaction=event.getAction();
intx=(int)event.getX();
inty=(int)event.getY();

switch(action){
caseMotionEvent.ACTION_DOWN://按下
//记录按下的时候的X和Y值，以便于之后移动的时候绘制
mLastX=x;
mLastY=y;
mPath.moveTo(mLastX,mLastY);
break;
caseMotionEvent.ACTION_MOVE://移动
//拿到用户移动的X绝对值，Y轴绝对值
intdx=Math.abs(x-mLastX);
intdy=Math.abs(y-mLastY);
//用户滑动超过3像素才会改变，这个可以不做，做只是为了避免很频繁的响应而已。
if(dx>3||dy>3){
mPath.lineTo(x,y);
}
mLastX=x;
mLastY=y;
break;
}
invalidate();//刷新UI
returntrue;
}

/**
*绘制path（也就是手刮动的path来绘制）的画笔属性
*类似橡皮擦
*/
privatevoidsetupOutPaint(){
mOutterPaint.setColor(Color.RED);
mOutterPaint.setAntiAlias(true);
mOutterPaint.setDither(true);
mOutterPaint.setStrokeJoin(Paint.Join.ROUND);//设置圆角
mOutterPaint.setStrokeCap(Paint.Cap.ROUND);
mOutterPaint.setStyle(Paint.Style.FILL);
mOutterPaint.setStrokeWidth(60);//设置画笔宽度
}
/**
*初始化信息
*/
privatevoidinit(){
mOutterPaint=newPaint();
mPath=newPath();
mOutterBitmap=BitmapFactory.decodeResource(getResources(),
R.drawable.mein);
}

第二种方法：

GuaTwo

privatePathmPath;//手刮动的path，过程
privatePaintmOutterPaint;//绘制mPath的画笔
privateCanvasmCanvas;
privateBitmapmBitmap;

//记录用户path每次的开始坐标值
privateintmLastX;
privateintmLastY;

privateBitmapmOutterBitmap;//图片遮罩，就是手刮动，要擦掉的那张图
privateStringmText;//刮奖文本信息
privateRectmTextBound;
privatePaintmBackPaint;//刮奖信息的画笔

publicGuaTwo(Contextcontext){
this(context,null);
}

publicGuaTwo(Contextcontext,AttributeSetattrs){
this(context,attrs,0);
}

publicGuaTwo(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);
init();
}


@Override
protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
super.onMeasure(widthMeasureSpec,heightMeasureSpec);
//获得控件的宽高
intwidth=getMeasuredWidth();
intheight=getMeasuredHeight();
//初始化bitmap
mBitmap=Bitmap.createBitmap(width,height,Bitmap.Config.ARGB_8888);
mCanvas=newCanvas(mBitmap);//用指定的位图构造一个画布来绘制。

//设置画笔属性
setupOutPaint();
setUpBackPaint();

//mCanvas.drawColor(Color.parseColor("#c0c0c0"));
mCanvas.drawRoundRect(newRectF(0,0,width,height),30,30,
mOutterPaint);//用mOutterPaint画圆角矩形
mCanvas.drawBitmap(mOutterBitmap,null,newRect(0,0,width,height),
null);//在刚刚画的圆角矩形上面再画一个bitmap图片，让图片大小和圆角矩形大小相关联
}

@Override
protectedvoidonDraw(Canvascanvas){
mOutterPaint.setStyle(Paint.Style.STROKE);
mOutterPaint.setXfermode(newPorterDuffXfermode(PorterDuff.Mode.DST_OUT));//Mode.DST_OUT改模式就类似橡皮檫，这个属性设置是关键
canvas.drawText(mText,(getWidth()-mTextBound.width())/2,getHeight()/2-mTextBound.height()/2,mBackPaint);//把获奖信息放在正中间
mCanvas.drawPath(mPath,mOutterPaint);
canvas.drawBitmap(mBitmap,0,0,null);
}

@Override
publicbooleanonTouchEvent(MotionEventevent){
intaction=event.getAction();
intx=(int)event.getX();
inty=(int)event.getY();

switch(action){
caseMotionEvent.ACTION_DOWN://按下
//记录按下的时候的X和Y值，以便于之后移动的时候绘制
mLastX=x;
mLastY=y;
mPath.moveTo(mLastX,mLastY);
break;
caseMotionEvent.ACTION_MOVE://移动
//拿到用户移动的X绝对值，Y轴绝对值
intdx=Math.abs(x-mLastX);
intdy=Math.abs(y-mLastY);
//用户滑动超过3像素才会改变，这个可以不做，做只是为了避免很频繁的相应而已。
if(dx>3||dy>3){
mPath.lineTo(x,y);
}
mLastX=x;
mLastY=y;
break;
}
invalidate();//刷新UI
returntrue;
}
privatevoidsetUpBackPaint(){
mBackPaint.setColor(Color.RED);
mBackPaint.setStyle(Paint.Style.FILL);
mBackPaint.setTextSize(60);
//获得当前画笔绘制文本的宽和高
mBackPaint.getTextBounds(mText,0,mText.length(),mTextBound);
}
*//**
*绘制path（也就是手刮动的path来绘制）的画笔属性
*类似橡皮擦
*//*
privatevoidsetupOutPaint(){
mOutterPaint.setColor(Color.RED);
mOutterPaint.setAntiAlias(true);
mOutterPaint.setDither(true);
mOutterPaint.setStrokeJoin(Paint.Join.ROUND);//设置圆角
mOutterPaint.setStrokeCap(Paint.Cap.ROUND);
mOutterPaint.setStyle(Paint.Style.FILL);
mOutterPaint.setStrokeWidth(60);//设置画笔宽度
}
*//**
*初始化信息
*//*
privatevoidinit(){
mOutterPaint=newPaint();
mPath=newPath();
mOutterBitmap=BitmapFactory.decodeResource(getResources(),
R.drawable.huahua);
mText="您中奖了！";
mTextBound=newRect();
mBackPaint=newPaint();
}

布局文件

xml文件：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android studio实现刮刮乐的方法

热门推荐

随机推荐