公司要实现点击抽奖开始动画,结果返回后缓慢停止到抽奖区域,在网上Google出来的大部分转盘demo都是等抽奖结果返回开启动画,经过两天的研究,可以随时开始与结束的转盘分享给大家(主要难点在于计算减速动画速度的计算)。
先上结果展示图(圆形转盘):
圆形转盘图,盗用网上素材,诸君莫怪
ps:圆形转盘因为性能的缘故在模拟器可能效果有些不理想,请以真机为主
来人呐,上代码:
点击开始按钮,开启定时器,无限执行旋转动画
无限旋转动画
点击停止按钮,首先停止无限旋转动画
停止无限旋转动画
在无限旋转的动画停止的回调里开启缓慢结束动画:
关键代码,根据减速过程的平均速度,计算减速时间关键点:
1.为了确保最终指向的位置和无限旋转动画的位置之间的过程太短导致减速太突兀,所以减速动画会额外旋转一圈
2.random是模拟出的抽奖结果,计算出将要减速的路程一圈+抽奖结果,减速过程的平均速度为将要开始减速时的速度的一半(小学知识😭),路程/平均速度=减速时间,设置动画快进慢出,减速动画搞定。
以及老虎机样式的转盘
老虎机转盘的大致原理和圆形转盘的相同,参考代码。
公司要实现点击抽奖开始动画,结果返回后缓慢停止到抽奖区域,在网上Google出来的大部分转盘demo都是等抽奖结果...
一个羞于展示内心的人 虽然有着各种各样的欲望和或大或小的梦 却一直提不起笔迈不开脚 选择一个没人认识的角落 靠着互...
小时候很喜欢幻想，做白日梦，看了不少童话、小说、漫画，也想过写故事给自己看。不过语文学得不好，表达能力也不行。成年...
为你把红尘留恋 眼睛把望着天空云变 一句话，一声思念 思过，仿佛付笑谈一刻 却突然脑海弯弯转转 一部著作初露端倪 ...
1.微信授权 2.调用抽奖接口判断活动结束||未结束 3.获取奖品信息 4.设置转盘 5.开始抽奖，获取中奖信息，...
思路解释 转盘抽奖，就是像这样子的转盘。（如下图）点击中间的“点击抽奖”按钮，然后后面的圆形转盘开始转动，最后停在...
【知识延伸】 传统抽奖分为抽奖盒抽取、转盘抽奖等 【要求】 今天我们按照平时转盘抽奖、利用Scratch做一个转盘...
游戏是最简单的， 无论种类， 随时开始随时结束， 输了也可以推倒重来， 而人生却是直线， 无法轻易结束， 无法推倒...
从6月10日因为工作原因来到了一个完全陌生的城市，守着偌大的办公室，上班一个人，下班依然一个人，生活技能完全灰...
我的假期过的很长啊，一过就是几个月，年前到现在，哈哈哈哈哈哈哈 忙了一段时间的工作，闲下来了，突然间没有事情做了，...
本文标题：随时开始随时结束的抽奖转盘
本文链接：https://www.haomeiwen.com/subject/ucdngttx.html
网友评论