给你Android实现的九宫格抽奖程序_android 九宫格抽奖-CSDN博客

本文链接：https://blog.csdn.net/2401_84538474/article/details/138406872

}

效果展示

2.`添加奖品图片`

我们在矩形的中心点画出图片，图片的宽高都为矩形宽高的1/2，其中矩形的中心点通过rectF.centerX()和rectF.centerY()获取。

代码展示（为了方便只展示部分代码）

public class NineLuckPan extends View {

private int [] mImgs = {R.drawable.ic_df,R.drawable.ic_jt,R.drawable.ic_mf,R.drawable.ic_scjx,R.drawable.ic_scng,R.drawable.ic_thl,R.drawable.ic_x,R.drawable.ic_xc,R.drawable.ic_j};

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

drawRects(canvas);//画矩形

drawImages(canvas);//画图片

}

/**

画图片
@param canvas

private void drawImages(Canvas canvas) {

for (int x = 0;x<mRects.size();x++){

RectF rectF = mRects.get(x);

float left = rectF.centerX() - mRectSize / 4;

float top = rectF.centerY() - mRectSize / 4;

canvas.drawBitmap(Bitmap.createScaledBitmap(BitmapFactory.decodeResource(getResources(),mImgs[x]),mRectSize/2,mRectSize/2,false),left,top,null);

}

效果展示

3.实现抽奖动画

这里我们使用ValueAnimator使数字从0递增到我们的中奖位置比如3，然后改变递增所在的位置的矩形的背景以实现抽奖的效果，另外为了让用户感到逼真我们需要让抽奖色块多转几圈，同时我们需要将下一次的开始位置设为上一次的结束位置。

代码展示（为了方便只展示部分代码）

NineLuckPan:

public class NineLuckPan extends View {

private int mRepeatCount = 3;//转的圈数

private int mLuckNum = 3;//最终中奖位置

private int mPosition = -1;//抽奖块的位置

private int mStartLuckPosition = 0;//开始抽奖的位置

/**

画矩形
@param canvas

private void drawRects(Canvas canvas) {

for (int x = 0;x<mRects.size();x++){

RectF rectF = mRects.get(x);

if(x == 8){

mPaint.setColor(Color.WHITE);

canvas.drawRect(rectF, mPaint);

}else {

mPaint.setColor(mItemColor[x%2]);

if(mPosition == x){

mPaint.setColor(Color.BLUE);

}

canvas.drawRect(rectF, mPaint);

}

public void setPosition(int position){

mPosition = position;

invalidate();

}

/**

开始动画

public void startAnim(){

ValueAnimator valueAnimator = ValueAnimator.ofInt(mStartLuckPosition, mRepeatCount * 8 + mLuckNum).setDuration(5000);

valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

int position = (int) animation.getAnimatedValue();

setPosition(position%8);

}

});

valueAnimator.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator animation) {

mStartLuckPosition = mLuckNum;

}

});

valueAnimator.start();

}

Activity:

public class MainActivity extends AppCompatActivity {

private NineLuckPan luckpan;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

luckpan = (NineLuckPan) findViewById(R.id.luckpan);

luckpan.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

luckpan.startAnim();

}

});

}

虽然效果实现了但是我们发现好像点哪里都能启动动画，因此我们需要调整一下代码使只有点击中心的矩形才开始动画。

/（为了方便只展示部分代码）

public class NineLuckPan extends View {

private boolean mClickStartFlag = false;//是否点击中间矩形的标记

//这样需要我们将Activity里的启动动画的逻辑删掉

@Override

public boolean onTouchEvent(MotionEvent event) {

if(event.getAction() == MotionEvent.ACTION_DOWN){

if(mRects.get(8).contains(event.getX(),event.getY())){

mClickStartFlag = true;

}else {

mClickStartFlag = false;

}

return true;

}

if(event.getAction() == MotionEvent.ACTION_UP){

if(mClickStartFlag){

if(mRects.get(8).contains(event.getX(),event.getY())){

startAnim();//判断只有手指落下和抬起都在中间的矩形内才开始抽奖

}

mClickStartFlag = false;

}

return super.onTouchEvent(event);

}

4.实现动态设置参数：

最后说一下我的学习路线

其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：

架构师筑基必备技能
Android框架体系架构（高级UI+FrameWork源码）
360°Androidapp全方位性能调优
设计思想解读开源框架
NDK模块开发
移动架构师专题项目实战环节
移动架构师不可不学习微信小程序
混合开发的flutter

Android学习的资料

我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。

330页PDF Android学习核心笔记（内含上面8大板块）

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术：

1、多看书、看源码和做项目，平时多种总结
2、不能停留在一些基本api的使用上，应该往更深层次的方向去研究，比如activity、view的内部运行机制，比如Android内存优化，比如aidl，比如JNI等，并不仅仅停留在会用，而要通过阅读源码，理解其实现原理
3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习
4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！