安卓开发之刮刮乐实例教程

刮奖在生活中常常见到，网上现在也有各种各样的抽奖活动，下面我们就要实现一个刮刮乐程序，可以完美满足 大家的虚荣心，哈哈，下面就开始吧，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

@Override public 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

@Override protected void onDraw(Canvas canvas) {        if (mCanvas == null) {            EraseBitmp();      }      canvas.drawBitmap(bitmap, 0, 0, null);      mCanvas.drawPath(path, paint);      super.onDraw(canvas); }

源码下载：点击下载