刮刮乐

来源：互联网发布：电商源码 java 编辑：程序博客网时间：2024/06/18 01:41
/**
* Created by MarRn on 2016/6/29.
*/
public class ScrapeView extends View{
//被覆盖的内容图层private Bitmap bpBackground;//用来当做覆盖用的图层private Bitmap bpForeground;//用来当做覆盖用的图层的画布private Canvas mCanvas;//模拟手指头刮开路径的画笔private Paint pathPaint;//手指头刮开的路径private Path path;//用来当做覆盖用的图层的文字画笔private Paint contentPaint;//用来当做覆盖用的图层的文字内容private String content = "刮刮看咯~";public ScrapeView(Context context) {    super(context);    init();}public ScrapeView(Context context, AttributeSet attrs) {    super(context, attrs);    init();}private void init(){    //初始化模拟刮开路径的画笔    pathPaint = new Paint();    pathPaint.setAlpha(0);    pathPaint.setStyle(Paint.Style.STROKE);    pathPaint.setStrokeWidth(50);    //取两层绘制交集，显示下层    pathPaint.setXfermode(new PorterDuffXfermode((PorterDuff.Mode.DST_IN)));    pathPaint.setStrokeJoin(Paint.Join.ROUND);    pathPaint.setStrokeCap(Paint.Cap.ROUND);    //初始化模拟手指头刮开的路径    path = new Path();    //初始化被覆盖的内容bitmap    bpBackground = BitmapFactory.decodeResource(getResources(),R.drawable.test);    //初始化用来当做覆盖用的bitmap    bpForeground = Bitmap.createBitmap(bpBackground.getWidth(),bpBackground.getHeight(), Bitmap.Config.ARGB_8888);    //初始化画布    mCanvas = new Canvas(bpForeground);    //初始化内容画笔    contentPaint = new Paint();    contentPaint.setColor(Color.WHITE);    contentPaint.setTextSize(100);    contentPaint.setStrokeWidth(20);    //设置用来当做覆盖用的图层颜色为灰色    mCanvas.drawColor(Color.GRAY);    //在用来当做覆盖用的图层上绘制文字    mCanvas.drawText(content,mCanvas.getWidth()/4,mCanvas.getHeight()/2,contentPaint);}@Overridepublic boolean onTouchEvent(MotionEvent event) {    switch (event.getAction()){        case MotionEvent.ACTION_DOWN:            //清空画笔            path.reset();            //原点移动至手指的触摸点            path.moveTo(event.getX(),event.getY());            break;        case MotionEvent.ACTION_MOVE:            path.lineTo(event.getX(),event.getY());            break;    }    //模拟刮来效果    mCanvas.drawPath(path,pathPaint);    invalidate();    return true;}@Overrideprotected void onDraw(Canvas canvas) {    //绘制两个图层    canvas.drawBitmap(bpBackground,0,0,null);    canvas.drawBitmap(bpForeground,0,0,null);}
}
xml文件中的使用：
阅读全文
0 0