android自定义view抽奖效果,Android 自定义View 之九宫格抽奖View

最新推荐文章于 2024-05-03 04:32:14 发布
最新推荐文章于 2024-05-03 04:32:14 发布
阅读量259 收藏
点赞数
文章标签： android自定义view抽奖效果

最近在项目中要实现一个九宫格抽奖view 。中间是抽奖按钮，八个格子是奖品。效果图如下：

5af12da9a8b2

九宫格抽奖View

接下来我就分析一下实现这个View的步骤：

1.绘制出外框(此处难点是绘制闪光点的效果)；

2.绘制九个格子，这个就是计算均分的逻辑，比较简单。

3.实现抽奖动效，以及点击中间start按钮有个缩放效果的实现。

我一一分析一下。

1.绘制外边框：

见代码：核心是使用  canvas.drawRoundRect(rectF, radiusBg, radiusBg, bgPaint);方法绘制圆角边框矩形,绘制内外两个边框矩形，重叠在一起(此处起初想使用画笔画边框，但实现起来只能内边框才有圆角，外边框是直角)。

接下来就是绘制四个角上的小原点(原点是图片)，这样做是保证四个角的图片一致，此处逻辑就是计算四个角上的位置稍微麻烦点；然后计算四条边上的点。最后，使用postDelayed重复绘制，达到闪烁的效果。

public class LuckyDrawLayout extends RelativeLayout {

private static final StringTAG ="LuckyDrawLayout";

private Paint bgPaint;

private int mWidth, mHeight;

private int radiusBg;

private Rect FrectF =new RectF();

private Bitmap smallGreenBitmap;

private Bitmap smallRedBitmap;

private int ballWidth, ballHeight;

private int redBallWidth, redBallHeight;

private RectF ballRectf;

private int innerPadding =dip2px(15);

private boolean isChanged =true;

private int eachRow =13;

public LuckyDrawLayout(Context context) {

this(context, null);

}

public LuckyDrawLayout(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public LuckyDrawLayout(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

bgPaint =new Paint(Paint.ANTI_ALIAS_FLAG);

bgPaint.setStyle(Paint.Style.FILL);

bgPaint.setStrokeCap(Paint.Cap.ROUND);

bgPaint.setStrokeJoin(Paint.Join.ROUND);

bgPaint.setAntiAlias(true);

bgPaint.setDither(true);

bgPaint.setColor(0xFFFF356B);

smallGreenBitmap = BitmapFactory.decodeResource(getContext().getResources(), R.mipmap.ic_small_green);

smallRedBitmap = BitmapFactory.decodeResource(getContext().getResources(), R.mipmap.ic_small_red);

ballWidth =smallGreenBitmap.getWidth();

ballHeight =smallGreenBitmap.getHeight();

redBallWidth =smallRedBitmap.getWidth();

redBallHeight =smallRedBitmap.getHeight();

ballRectf =new RectF();

setWillNotDraw(false);

changeBall();

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int mWidth = MeasureSpec.getSize(widthMeasureSpec);

int mHeight = MeasureSpec.getSize(heightMeasureSpec);

int size = Math.min(mWidth, mHeight);

setMeasuredDimension(size, size);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

mWidth = getWidth();

mHeight = getHeight();

radiusBg =mWidth /40;

rectF.set(0, 0, mWidth, mHeight);

bgPaint.setColor(0xFFFF356B);

canvas.drawRoundRect(rectF, radiusBg, radiusBg, bgPaint);

rectF.set(innerPadding, innerPadding, mWidth -innerPadding, mHeight -innerPadding);

bgPaint.setColor(0xFFCE0037);

canvas.drawRoundRect(rectF, radiusBg, radiusBg, bgPaint);

drawFourCorner(canvas);

int ballGapDp = (mWidth -innerPadding *2) /eachRow;

for (int i =0; i

if (getGreen(i)) {

//上

ballRectf.set(innerPadding *2 + i * ballGapDp -ballWidth /2, innerPadding /2 -ballHeight /2, innerPadding *2 +ballWidth /2 + i * ballGapDp, innerPadding /2 +ballHeight /2);

canvas.drawBitmap(smallGreenBitmap, null, ballRectf, null);

//下

ballRectf.set(innerPadding *2 + i * ballGapDp -ballWidth /2, mHeight - (innerPadding /2 +ballHeight /2), innerPadding *2 +ballWidth /2 + i * ballGapDp, mHeight - (innerPadding /2 -ballHeight /2));

canvas.drawBitmap(smallGreenBitmap, null, ballRectf, null);

//左

ballRectf.set(innerPadding /2 -ballWidth /2, innerPadding *2 + i * ballGapDp -ballHeight /2, innerPadding /2 +ballWidth /2, innerPadding *2 + i * ballGapDp +ballHeight /2);

canvas.drawBitmap(smallGreenBitmap, null, ballRectf, null);

//右

ballRectf.set(mWidth - (innerPadding /2 +ballWidth /2), innerPadding *2 + i * ballGapDp -ballHeight /2, mWidth - (innerPadding /2 -ballWidth /2), innerPadding *2 + i * ballGapDp +ballHeight /2);

canvas.drawBitmap(smallGreenBitmap, null, ballRectf, null);

}else {

ballRectf.set(innerPadding *2 + i * ballGapDp -redBallWidth /2, innerPadding /2 -redBallHeight /2, innerPadding *2 +redBallWidth /2 + i * ballGapDp, innerPadding /2 +redBallHeight /2);

canvas.drawBitmap(smallRedBitmap, null, ballRectf, null);

ballRectf.set(innerPadding *2 + i * ballGapDp -redBallWidth /2, mHeight - (innerPadding /2 +redBallHeight /2), innerPadding *2 +redBallWidth /2 + i * ballGapDp, mHeight - (innerPadding /2 -redBallHeight /2));

canvas.drawBitmap(smallRedBitmap, null, ballRectf, null);

ballRectf.set(innerPadding /2 -redBallWidth /2, innerPadding *2 + i * ballGapDp -redBallHeight /2, innerPadding /2 +redBallWidth /2, innerPadding *2 + i * ballGapDp +redBallHeight /2);

canvas.drawBitmap(smallRedBitmap, null, ballRectf, null);

ballRectf.set(mWidth - (innerPadding /2 +redBallWidth /2), innerPadding *2 + i * ballGapDp -redBallHeight /2, mWidth - (innerPadding /2 -redBallWidth /2), innerPadding *2 + i * ballGapDp +redBallHeight /2);

canvas.drawBitmap(smallRedBitmap, null, ballRectf, null);

}

}

}

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

super.onLayout(changed, l, t, r, b);

for (int i =0; i < getChildCount(); i++) {

View child = getChildAt(i);

if (childinstanceof LuckyDrawView) {

child.layout(innerPadding, innerPadding, getWidth() -innerPadding, getHeight() -innerPadding);

}

}

}

private void changeBall() {

postDelayed(new Runnable() {

@Override

public void run() {

isChanged = !isChanged;

Log.d(TAG, "run: changeBall()");

invalidate();

postDelayed(this, 300);

}

}, 300);

}

private boolean getGreen(int i) {

if (isChanged) {

return i %2 !=0;

}else {

return i %2 ==0;

}

}

private void drawFourCorner(Canvas canvas) {

if (isChanged) {

RectF leftTopRectf =new RectF(innerPadding /2 -ballWidth /2, innerPadding /2 -ballHeight /2, innerPadding /2 +ballWidth /2, innerPadding /2 +ballHeight /2);

canvas.drawBitmap(smallGreenBitmap, null, leftTopRectf, null);

RectF rightTopRectf =new RectF(mWidth - (innerPadding /2 +ballWidth /2), innerPadding /2 -ballHeight /2, mWidth - (innerPadding /2 -ballWidth /2), innerPadding /2 +ballHeight /2);

canvas.drawBitmap(smallGreenBitmap, null, rightTopRectf, null);

RectF leftBottomRectf =new RectF(innerPadding /2 -ballWidth /2, mHeight - (innerPadding /2 +ballHeight /2), innerPadding /2 +ballWidth /2, mHeight - (innerPadding /2 -ballHeight /2));

canvas.drawBitmap(smallGreenBitmap, null, leftBottomRectf, null);

RectF rightBottomRectf =new RectF(mWidth - (innerPadding /2 +ballWidth /2), mHeight - (innerPadding /2 +ballHeight /2), mWidth - (innerPadding /2 -ballWidth /2), mHeight - (innerPadding /2 -ballHeight /2));

canvas.drawBitmap(smallGreenBitmap, null, rightBottomRectf, null);

}else {

RectF leftTopRectf =new RectF(innerPadding /2 -redBallWidth /2, innerPadding /2 -redBallHeight /2, innerPadding /2 +redBallWidth /2, innerPadding /2 +redBallHeight /2);

canvas.drawBitmap(smallRedBitmap, null, leftTopRectf, null);

RectF rightTopRectf =new RectF(mWidth - (innerPadding /2 +redBallWidth /2), innerPadding /2 -redBallHeight /2, mWidth - (innerPadding /2 -redBallWidth /2), innerPadding /2 +redBallHeight /2);

canvas.drawBitmap(smallRedBitmap, null, rightTopRectf, null);

RectF leftBottomRectf =new RectF(innerPadding /2 -redBallWidth /2, mHeight - (innerPadding /2 +redBallHeight /2), innerPadding /2 +redBallWidth /2, mHeight - (innerPadding /2 -redBallHeight /2));

canvas.drawBitmap(smallRedBitmap, null, leftBottomRectf, null);

RectF rightBottomRectf =new RectF(mWidth - (innerPadding /2 +redBallWidth /2), mHeight - (innerPadding /2 +redBallHeight /2), mWidth - (innerPadding /2 -redBallWidth /2), mHeight - (innerPadding /2 -redBallHeight /2));

canvas.drawBitmap(smallRedBitmap, null, rightBottomRectf, null);

}

}

public static int dip2px(float dipValue) {

final float scale = Resources.getSystem().getDisplayMetrics().density;

return (int) (dipValue * scale +0.5f);

}

/**

* 将px值转换为sp值，保证文字大小不变

*/

public static int px2sp(Context context, float pxValue) {

final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;

return (int) (pxValue / fontScale +0.5f);

}

/**

* 将sp值转换为px值，保证文字大小不变

*/

public static int sp2px(Context context, float spValue) {

final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;

return (int) (spValue * fontScale +0.5f);

}

}

2.绘制九宫格：

先见代码：主要就是计算每个格子的宽高，要均分，针对中间的格子做特殊处理，具体逻辑计算看下面drawNineCell 方法；然后绘制文本，居中显示即可。接下来，实现转动的逻辑，private int[]positions = {0, 1, 2, 5, 8, 7, 6, 3}; //顺时针 这个记录了转动的顺序，然后用变量currentPosition 记录当前的位置下标，通过positions[currentPosition]取出对应的格子，然后绘制该格子的显示样式。开启了一个线程计算currentPosition的值，为了实现一个快要中奖停顿的效果，在线程中转动最后一圈的时候，使用SystemClock.sleep(100 * (currentPosition +1));让子线程睡眠时间递增，currentLoopCount记录转动的圈数，默认4圈；stopPosition停止的位置。最后实现点击中间按钮缩放的效果，先计算中间按钮的矩形位置mCenterButtonRectF,设置onTouchListener事件，计算点击的区域是否是在mCenterButtonRectF中，mCenterButtonRectF.contains(x, y)。如果在该区域中就执行缩放效果。具体看代码。

public class LuckyDrawView extends View {

private static final StringTAG ="LuckyDrawView";

//0->1->2->3->5->6->7->8

//0-1-2-5-8-7-6-3

private int currentPosition =0;

private int stopPosition = -1;

private final static int LOOP_COUNT =4;

private int currentLoopCount =0;

private Paint bgPaint;

private int mWidth, mHeight;

private int radiusBg;

private Paint cellPaint;

private Paint cellTextPaint;

private int innerEachGap =dip2px(6);

private int innerWidth, innerHeight;

private int eachWidth, eachHeight;

private boolean onTouchCenter =false;

private RectFmCenterButtonRectF;

private String[]rewardTexts = {"$0.04", "$0.10", "$0.80", "$0.85", "", "$3.00", "$5.00", "$0.15", "$0.10"};

private int[]positions = {0, 1, 2, 5, 8, 7, 6, 3}; //顺时针

String start ="Start";

float scale =1.0f;

private boolean isRuning =false;

public LuckyDrawView(Context context) {

this(context, null);

}

public LuckyDrawView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public LuckyDrawView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

bgPaint =new Paint(Paint.ANTI_ALIAS_FLAG);

bgPaint.setStyle(Paint.Style.FILL);

bgPaint.setStrokeCap(Paint.Cap.ROUND);

bgPaint.setStrokeJoin(Paint.Join.ROUND);

bgPaint.setAntiAlias(true);

bgPaint.setDither(true);

bgPaint.setColor(0xFFFF356B);

cellPaint =new Paint(Paint.ANTI_ALIAS_FLAG);

cellPaint.setStyle(Paint.Style.FILL);

cellPaint.setColor(Color.WHITE);

cellTextPaint =new Paint(Paint.ANTI_ALIAS_FLAG);

cellTextPaint.setTextSize(sp2px(context, 26));

cellTextPaint.setColor(Color.WHITE);

cellTextPaint.setTypeface(Typeface.DEFAULT_BOLD);

cellTextPaint.setAntiAlias(true);

setOnTouchListener(new OnTouchListener() {

@Override

public boolean onTouch(View v, MotionEvent event) {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

onTouchCenter =false;

int x = (int) event.getX();

int y = (int) event.getY();

if (mCenterButtonRectF.contains(x, y) && !isRuning) {

if (scale !=0.8f) {

scale =0.8f;

invalidate();

}

onTouchCenter =true;

}

break;

case MotionEvent.ACTION_UP:

if (onTouchCenter) {

startPressScaleAnim();

startLoop();

}

onTouchCenter =false;

break;

}

return true;

}

});

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

mWidth = getWidth();

mHeight = getHeight();

radiusBg =mWidth /40;

innerWidth =mWidth -innerEachGap *4;

innerHeight =mHeight -innerEachGap *4;

eachWidth =innerWidth /3;

eachHeight =innerHeight /3;

drawNineCell(canvas);

}

private void drawNineCell(Canvas canvas) {

int nums =9;

RectF rectF =new RectF();

for (int i =0; i < nums; i++) {

int startX =innerEachGap + (i %3) * (eachWidth +innerEachGap);

int startY =innerEachGap + (i /3) * (eachHeight +innerEachGap);

rectF.set(startX, startY, startX +eachWidth, startY +eachHeight);

if (i == nums /2) {

cellPaint.setColor(0xFFFFE535);

bgPaint.setColor(0xFFFF356B);

rectF.set(rectF.left + rectF.left * (1 -scale) *0.08f, rectF.top + rectF.top * (1 -scale) *0.08f, rectF.right - rectF.right * (1 -scale) *0.08f, rectF.bottom - rectF.bottom * (1 -scale) *0.08f);

canvas.drawRoundRect(rectF, radiusBg, radiusBg, cellPaint);

mCenterButtonRectF =new RectF(rectF);

rectF.set(rectF.left +dip2px(10), rectF.top +dip2px(10), rectF.right -dip2px(10), rectF.bottom -dip2px(10));

canvas.drawRoundRect(rectF, radiusBg, radiusBg, bgPaint);

cellTextPaint.setColor(Color.WHITE);

canvas.drawText(start, rectF.centerX() -cellTextPaint.measureText(start) /2, rectF.centerY() + getTextDiffY(cellTextPaint), cellTextPaint);

}else {

if (positions[currentPosition] == i) {

cellPaint.setColor(0xFFFBC01B);

cellTextPaint.setColor(Color.WHITE);

}else {

cellPaint.setColor(Color.WHITE);

cellTextPaint.setColor(0xFFFF5A00);

}

canvas.drawRoundRect(rectF, radiusBg, radiusBg, cellPaint);

canvas.drawText(rewardTexts[i], rectF.centerX() -cellTextPaint.measureText(rewardTexts[i]) /2, rectF.centerY() + getTextDiffY(cellTextPaint), cellTextPaint);

}

}

}

private float getTextDiffY(Paint paint) {

Paint.FontMetrics fontMetrics = paint.getFontMetrics();

return Math.abs(fontMetrics.descent - fontMetrics.ascent) /2 - fontMetrics.descent;

}

private void startLoop() {

currentLoopCount =0;

Random random =new Random();

stopPosition = random.nextInt(7);

currentPosition =0;

new Thread(action).start();

}

private Runnableaction =new Runnable() {

@Override

public void run() {

while (true) {

isRuning =true;

if (currentLoopCount >=LOOP_COUNT) {

isRuning =false;

postDelayed(new Runnable() {

@Override

public void run() {

Toast.makeText(getContext(), "恭喜你抽中了position=" +stopPosition +"(" +rewardTexts[positions[stopPosition]] +")", Toast.LENGTH_LONG).show();

}

}, 500);

break;

}

currentPosition++;

if (currentPosition >7) {

currentLoopCount++;

currentPosition =0;

}

post(new Runnable() {

@Override

public void run() {

invalidate();

}

});

if (currentLoopCount ==LOOP_COUNT -1) {

if (currentPosition %7 ==stopPosition) {

if (currentPosition ==stopPosition) {

currentLoopCount =LOOP_COUNT;

}

}

SystemClock.sleep(100 * (currentPosition +1));

}else {

SystemClock.sleep(100);

}

}

}

};

private void startPressScaleAnim() {

ValueAnimator valueAnimator = ValueAnimator.ofFloat(0.8f, 1.0f);

valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

scale = ((float) animation.getAnimatedValue());

invalidate();

}

});

valueAnimator.setDuration(300);

valueAnimator.start();

}

public static int dip2px(float dipValue) {

final float scale = Resources.getSystem().getDisplayMetrics().density;

return (int) (dipValue * scale +0.5f);

}

/**

* 将sp值转换为px值，保证文字大小不变

*/

public static int sp2px(Context context, float spValue) {

final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;

return (int) (spValue * fontScale +0.5f);

}

}

不足之处：

1.绘制了两层外框，中间的红色区域绘制了两次，导致过渡绘制了。起初的想法是用bgPaint.setStyle(Paint.Style.Stroke)；绘制边框，然而绘制出的是内部是圆角，外角还是直角。

2.暂只支持文本的显示，未设置图片的显示。

徐培鹏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 九宫格抽奖
10-13
Android 九宫格抽奖 自定义view 可以根据后台返回的商品id设置商品曝光率,本地随机数随机抽奖
Android自定义实现九宫格抽奖功能
龙旋的博客
06-12 4324
最近的功能需求中需要实现用户使用签到获取的积分，可以在九宫格中进行抽奖消耗积分，这里使用的是自定义进行实现抽奖的功能，可以通过设置计算策略，来控制用户 中哪些奖以及中大奖 的概率，话不多说，直接上代码。 1.先看效果图 2.自定义View实现九宫格抽奖功能 public class LuckyView extends View { private Paint mPaint; pr...
给你Android实现的九宫格抽奖程序
最新发布
2401_84538474的博客
05-03 644
其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：架构师筑基必备技能Android框架体系架构（高级UI+FrameWork源码）360°Androidapp全方位性能调优设计思想解读开源框架NDK模块开发移动架构师专题项目实战环节移动架构师不可不学习微信小程序混合开发的flutterAndroid学习的资料我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。
九宫格抽奖动效
weixin_50367873的博客
08-02 560
js实现九宫格抽奖效果
Android打造流畅九宫格抽奖活动效果
01-20
因为company项目中需要做九宫格抽奖活动，以前都没有做过类似的功能，虽然之前在浏览大神们的博客中，无意中也看到了好多关于抽奖的项目，但因为项目中没有需要，一直都没有点击进去看。这次不去看估计不行。直到公司计划要做抽奖功能，才迫不得已上网查找demo 网上找了大半天，好不容易找到了几个demo，下载下来，解压缩包发现竟然里面空空如也，只有几张九宫格的图片，害我白白浪费了几个CSDN积分。后面在eoe网站那发现了一个demo，于是好开心，下载下来后马上导入到工程中，运行看了效果，九宫格是出来了，但效果真不敢恭维，主要是运行不流畅。但我还是进去稍微看了一下demo，基本思路是这样的：定义好九宫格
Android IPC 通讯机制源码分析【中】
wang688699的博客
04-28 781
其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：架构师筑基必备技能Android框架体系架构（高级UI+FrameWork源码）360°Androidapp全方位性能调优设计思想解读开源框架NDK模块开发移动架构师专题项目实战环节移动架构师不可不学习微信小程序混合开发的flutterAndroid学习的资料我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。
Android自定义九宫格抽奖控件
06-23
"Android自定义九宫格抽奖控件"就是一个很好的实例，它解决了在实际业务中对抽奖界面的特殊需求，允许开发者灵活控制抽奖转盘的旋转次数、速度以及最终停留的位置。这种控件不仅能够提供更丰富的交互体验，还能适应...
android九宫格抽奖功能
05-21
本教程将深入探讨如何实现这样一个具有动画效果且可自定义属性的九宫格抽奖功能。 首先，我们需要理解九宫格的基本结构。九宫格是由3行3列的9个单元格组成，每个单元格通常包含一个图标或文字，代表不同的奖品或...
九宫格密码自定义View
07-16
九宫格密码自定义View
安卓抽奖功能实现
WTQ_DOMIAN的博客
10-12 1558
这个抽奖效果本来是h5写的，正好工作不忙写了原生试试效果。
flutter 九宫格抽奖
Luo_ios_boke的博客
03-25 3422
下面展示一些 内联代码片。 九宫格抽奖 class SimpleLotteryValue { SimpleLotteryValue( {this.target = 0, this.isFinish = false, this.isPlaying = false}); /// 中奖目标 int target = 0; bool isPlaying = false; bool isFinish = false; SimpleLotteryValue copyWith(
android九宫格抽奖功能，样式可自己修改
暴走哥丶AS
05-21 900
注：本功能是根据他人代码修改优化后的版本。 先看效果： 核心代码： package xxx.xxx.xxx.xxx; import android.content.Context; import android.util.AttributeSet; import android.widget.FrameLayout; import android.widget.ImageView; import androidx.annotation.AttrRes; import androidx.ann
Android 九宫格抽奖RaffleView
YJ_Song的博客
11-28 593
Android 九宫格抽奖View 最近在项目中要实现一个九宫格抽奖view 。中间是抽奖按钮，八个格子是奖品。效果图如下： 接下来我就分析一下实现这个View的步骤： 1.绘制出外框(此处难点是绘制闪光点的效果)； 2.绘制九个格子，这个就是计算均分的逻辑，比较简单。 3.实现抽奖动效，以及点击中间start按钮有个缩放效果的实现。 我一一分析一下。 1.绘制外边框： 见代码：核心是使用 c...
四宫格效果 css_手把手教你实现移动端九宫格抽奖(超详细教程)
weixin_39582737的博客
12-01 1139
导读❝抽奖效果有很多种, 常见的有转盘、九宫格、随机码等等, 那么今天来做一个九宫格的移动端抽奖效果❞效果展示效果展示适合人群有HTML,CSS,JS基础即可功能分析基于移动端的九宫格抽奖抽奖方式应为「跑马灯布局」进行抽奖旋转速度应为「由快到慢」的一个效果旋转到某个盒子中,盒子状态应该「高亮显示」可「指定中奖奖品」预备工作新建HTML,CSS,JS文件因为我们要实现的九宫格抽奖是基于「移...
uniapp 九宫格抽奖功能效果demo（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
08-06 808
uniapp 九宫格抽奖功能效果demo
自定义顺序/九宫格抽奖
judykang123的博客
01-05 344
效果 代码 抽奖逻辑是之前网上找的，有一些更改，时间有点久，忘了在哪找到的了 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover
Android自定义View详解：流程、步骤与实现要点
自定义View在Android开发中扮演着至关重要的角色，尤其是在创建复杂的用户界面和动画效果时。本文档深入探讨了自定义View的流程和步骤，帮助开发者更好地理解和掌握这一关键技能。 1. **效果图与实现思路** - 首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值