分享Android仿刮奖效果控件

本文实例为大家分享了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

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

而其实你还爱着他,你一点也不好。

分享Android仿刮奖效果控件

相关文章:

你感兴趣的文章:

标签云: