分享Android仿刮奖效果控件

时间:2021-05-19

本文实例为大家分享了Android刮刮卡效果控件,供大家参考,具体内容如下

刮刮卡类:

package com.reyo.view;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Path;import android.graphics.PorterDuff;import android.graphics.PorterDuffXfermode;import android.util.AttributeSet;import android.view.MotionEvent;import android.widget.TextView;/** * 刮刮卡类 * @author reyo * */public class ScratchTextView extends TextView{ private float TOUCH_TOLERANCE; private Bitmap mBitmap; private Canvas mCanvas; private Paint mPaint; private Path mPath; private float mX,mY; private boolean isDraw = false; public ScratchTextView(Context context) { super(context); } public ScratchTextView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public ScratchTextView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (isDraw) { mCanvas.drawPath(mPath, mPaint);// mCanvas.drawPoint(mX, mY, mPaint); canvas.drawBitmap(mBitmap, 0, 0, null); } } /** * 初始化刮刮卡 * @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(0);// mPaint.setColor(Color.BLACK);// mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)); mPaint.setAlpha(0); mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(paintStrokeWidth); mPath = new Path(); mBitmap = Bitmap.createBitmap(getLayoutParams().width, getLayoutParams().height, Config.ARGB_8888); mCanvas = new Canvas(mBitmap); mCanvas.drawColor(bgColor); isDraw = true; } @Override public boolean onTouchEvent(MotionEvent event) { if (!isDraw) { return true; } switch (event.getAction()) { case MotionEvent.ACTION_DOWN: touchDown(event.getX(), event.getY()); invalidate(); break; case MotionEvent.ACTION_MOVE: touchMove(event.getX(), event.getY()); invalidate(); break; case MotionEvent.ACTION_UP: touchUp(event.getX(), event.getY()); invalidate(); break; default: break; } return true; } private void touchDown(float x,float y){ mPath.reset(); mPath.moveTo(x, y); mX = x; mY = y; } private void touchMove(float x,float y){ float dx = Math.abs(x - mX); float dy = Math.abs(y - mY); if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) { mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2); mX = x; mY = y; } } private void touchUp(float x,float y){ mPath.lineTo(x, y); mCanvas.drawPath(mPath, mPaint); mPath.reset(); }}

使用:

package com.reyo.app;import com.reyo.view.ScratchTextView;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;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.drawable.BitmapDrawable;import android.graphics.drawable.Drawable;import android.os.Bundle;import android.util.DisplayMetrics;import android.view.MotionEvent;import android.view.View;public class RubberActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // setContentView(new RubberView(this,"title",new Rect(100, 200,300,250),5,1f,18)); setContentView(R.layout.main); ((ScratchTextView) findViewById(R.id.rubbler)).initScratchCard(0xFFFFFFFF, 5, 1f); } class RubberView extends View { private final int PAINT_STROKE_WIDTH; private final float TOUCH_TOLERANCE; private final int TEXT_SIZE; private Bitmap mBitmap; private Canvas mCanvas; private Paint mPaint; private Path mPath; private float mX, mY; private final int X, Y, W, H; private final Rect touchRect; public RubberView(Context context, String bgText, Rect rect, int paintStrokeWidth, float touchTolerance, int textSize) { super(context); setFocusable(true); touchRect = rect; W = rect.right - rect.left; H = rect.bottom - rect.top; X = rect.left; Y = rect.top; TEXT_SIZE = textSize; PAINT_STROKE_WIDTH = paintStrokeWidth; TOUCH_TOLERANCE = touchTolerance; setBackground(touchRect, bgText); initDrowTools(); } private void setBackground(Rect rect, String bgText) { DisplayMetrics dm = new DisplayMetrics(); dm = this.getResources().getDisplayMetrics(); Bitmap bitmap = Bitmap.createBitmap(dm.widthPixels, dm.heightPixels, Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); paint.setColor(0x88000000); // paint.setStyle(Style.STROKE); // paint.setTextAlign(Align.CENTER); paint.setTextSize(TEXT_SIZE); // paint.setTextScaleX(1.5f); canvas.drawColor(Color.WHITE); int x = rect.left + (rect.right - rect.left - bgText.length() * TEXT_SIZE) / 2; int y = rect.top + (rect.bottom - rect.top - TEXT_SIZE) / 2; // int y = 218+25; canvas.drawText(bgText, x, y, paint); Drawable drawable = new BitmapDrawable(bitmap); setBackgroundDrawable(drawable); } private void initDrowTools() { mPaint = new Paint(); // mPaint.setAlpha(0);// mPaint.setColor(Color.BLACK); // mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)); mPaint.setAlpha(0); mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(PAINT_STROKE_WIDTH); mPath = new Path(); mBitmap = Bitmap.createBitmap(W, H, Config.ARGB_8888); mCanvas = new Canvas(mBitmap); mCanvas.drawColor(0x88000000); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); mCanvas.drawPath(mPath, mPaint); // mCanvas.drawPoint(mX, mY, mPaint); canvas.drawBitmap(mBitmap, X, Y, null); } @Override public boolean onTouchEvent(MotionEvent event) { if (!touchRect.contains((int) event.getX(), (int) event.getY())) { return false; } switch (event.getAction()) { case MotionEvent.ACTION_DOWN: touchDown(event.getRawX(), event.getRawY()); touchDown(event.getX() - touchRect.left, event.getY() - touchRect.top); invalidate(); break; case MotionEvent.ACTION_MOVE: touchMove(event.getX() - touchRect.left, event.getY() - touchRect.top); invalidate(); break; case MotionEvent.ACTION_UP: touchUp(event.getX() - touchRect.left, event.getY() - touchRect.top); invalidate(); break; default: break; } return true; } private void touchDown(float x, float y) { mPath.reset(); mPath.moveTo(x, y); mX = x; mY = y; } private void touchMove(float x, float y) { float dx = Math.abs(x - mX); float dy = Math.abs(y - mY); if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) { mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2); mX = x; mY = y; } } private void touchUp(float x, float y) { mPath.lineTo(x, y); mCanvas.drawPath(mPath, mPaint); mPath.reset(); } }}

布局xml代码:

<?xml version="1.0" encoding="utf-8"?><AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" ><!-- 必须设置 android:layout_width android:layout_height 的值为常量--><com.reyo.view.ScratchTextView android:id="@+id/rubbler" android:layout_y="100dip" android:layout_x="100dip" android:layout_width="100dip" android:layout_height="50dip" android:text="谢谢您" android:textSize="18sp" android:gravity="center" /></AbsoluteLayout>

仿刮奖效果的控件:https://github.com/winsontan520/Android-WScratchView

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章