安卓开发之刮刮乐实例教程
刮奖在生活中常常见到，网上现在也有各种各样的抽奖活动，下面我们就要实现一个刮刮乐程序，可以完美满足 大家的虚荣心，哈哈，下面就开始吧，100%中奖的喔！
下面先来看看效果图：
让我们来看看它的布局：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:id="@+id/textView1" android:layout_width="300dp" android:layout_height="150dp" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:background="@android:color/holo_red_dark" android:gravity="center" android:text="恭喜你，中奖啦！" android:textSize="35dp" /> <net.androidchina.example.guale.EraseView android:id="@+id/eraseView1" android:layout_width="300dp" android:layout_height="150dp" android:layout_centerHorizontal="true" android:layout_centerInParent="true" android:layout_centerVertical="true" /> </RelativeLayout> |
布局很简单，通过相对布局，将文字和view重叠到一起，重点是EraseView这个类的实现，下面一起看看这个类的代码：
首先我们要定义一个画布以及画笔
|
1
2
3
4
5
6
7
8
9
10
|
paint = new Paint();paint.setStyle(Paint.Style.STROKE);paint.setXfermode(new PorterDuffXfermode(Mode.CLEAR));paint.setAntiAlias(true);paint.setDither(true);paint.setStrokeJoin(Paint.Join.ROUND);paint.setStrokeCap(Paint.Cap.ROUND);paint.setStrokeWidth(30);mCanvas = new Canvas(bitmap); |
当手指触摸屏幕时，需要触发滑动事件：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
@Overridepublic boolean onTouchEvent(MotionEvent event) { float ax = event.getX(); float ay = event.getY(); if (event.getAction() == MotionEvent.ACTION_DOWN) { isMove = false; path.reset(); path.moveTo(ax, ay); invalidate(); return true; } else if (event.getAction() == MotionEvent.ACTION_MOVE) { isMove = true; path.lineTo(ax, ay); invalidate(); return true; } return super.onTouchEvent(event);} |
这里需要一个path来记录轨迹，并且需要调用invalidate();来对画布进行重画，会进一步调用onDraw方法：
|
1
2
3
4
5
6
7
8
9
10
|
@Overrideprotected void onDraw(Canvas canvas) { if (mCanvas == null) { EraseBitmp(); } canvas.drawBitmap(bitmap, 0, 0, null); mCanvas.drawPath(path, paint); super.onDraw(canvas);} |
源码下载：点击下载
