刮刮乐实例教程

loading 2014-09-05 08:33:15

加精

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

下面先来看看效果图：

让我们来看看它的布局：



<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这个类的实现，下面一起看看这个类的代码：
首先我们要定义一个画布以及画笔



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);
当手指触摸屏幕时，需要触发滑动事件：



@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方法：



@Override

protected void onDraw(Canvas canvas) {

 

     if (mCanvas == null) {

           EraseBitmp();

     }

     canvas.drawBitmap(bitmap, 0, 0, null);

     mCanvas.drawPath(path, paint);

     super.onDraw(canvas);

}

源码下载：点击下载

...全文