打造流畅九宫格抽奖活动.docVIP

打造流畅九宫格抽奖活动 因为company项目中需要做九宫格抽奖活动，以前都没有做过类似的功能，虽然之前在浏览大神们的博客中，无意中也看到了好多关于抽奖的项目，但因为项目中没有需要，一直都没有点击进去看。这次不去看估计不行。直到公司计划要做抽奖功能，才迫不得已上网查找demo 网上找了大半天，好不容易找到了几个demo，下载下来，解压缩包发现竟然里面空空如也，只有几张九宫格的图片，害我白白浪费了几个CSDN积分。后面在eoe网站那发现了一个demo，于是好开心，下载下来后马上导入到工程中，运行看了效果，九宫格是出来了，但效果真不敢恭维，主要是运行不流畅。但我还是进去稍微看了一下demo，基本思路是这样的：定义好九宫格界面，然后开启子线程不断循环修改状态，再通过handler发送消息到主线程中修改界面（子线程不能直接修改界面）。 这个demo虽然功能上实现了，但不是我想要的效果，因为我这一关都不能通过，到了产品那边更加不用说了。那怎么办呢？ 于是我想到了一个控件，叫做SurfaceView,做游戏开发的同志们，应该对这个控件不陌生吧？首先介绍一下这个控件： 1.SurfaceView继承于View，多用于游戏开发中 2.可以直接在子线程中运行（其他UI控件都必须在主线程中运行的）。 3.一般的UI控件自定义时都是重写onDraw方法，但在SurfaceView中是通过SurfaceHolder获取Canvas来绘制图形的 好了，来吧各位，先来看看效果图： 这样，下面我开始根据我的想法，把自定义九宫格的步骤说一下。 步骤： 1.计算各位方块的位置 2.绘制每个奖品的方块（主要让界面更加好看） 3.绘制奖品图 4.计算旋转方块的下一步位置 5.绘制旋转方块 6.监听点击开始按钮事件 主要核心技术： SurfaceView，SurfaceHolder OK，有了基本步骤，接下来就是根据步骤一步一步来进行了。 在开始绘制九宫格之前，我们先重写onMeasure方法，主要是为了让九宫格成为一个正方形，这样看起来体验更好，基本代码如下： public class LotteryView extends SurfaceView{ /** * holder */ private SurfaceHolder mHolder; private ListPrizeprizes; private boolean flags; //抽奖开关 private int lottery=6; //设置中奖号码 private int current=2; //抽奖开始的位置 private int count=0; //旋转次数累计 private int countDown; //倒计次数，快速旋转完成后，需要倒计多少次循环才停止 //旋转抽奖的方块默认颜色 private int transfer= 0xffff0000; private int MAX=50; //最大旋转次数 /** * 重新测量 */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); int width = Math.min(getMeasuredWidth(), getMeasuredHeight()); setMeasuredDimension(width, width); } } SurfaceView一般不是通过重写onDraw方法来绘制控件的，那么怎么获取到Canvas呢？主要是通过SurfaceHolder监听Callback事件来获取的 基本代码如下： /** * holder */ private SurfaceHolder mHolder; public LotteryView(Context context, AttributeSet attrs) { super(context, attrs); mHolder = this.getHolder(); //监听CallBack mHolder.addCallback(this); } pu