手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure如何实现抽奖的旋转效果原型

时间:2024-10-13 00:22:54

1、元件主要包括了三部分,一部分是外面的圆形,另外一部分是小水滴指针,还有就是开始抽奖的按钮。

Axure如何实现抽奖的旋转效果原型

2、当点击开始抽奖按钮的时候,表盘指针会随机的旋转一个角度,这个时候就需要对开始抽奖的按钮进行事件的编辑。

Axure如何实现抽奖的旋转效果原型

3、鼠标单击时,需要对圆盘进行旋转,需要注意的是,最好能够提前将圆盘进行命名,否则对象就不是特别好找。

Axure如何实现抽奖的旋转效果原型

4、旋转设置为相对位置,然后角度需要设置一下函数,选择数学当中的random函数,或者直接输入函数[[Math.random()*360+3600]]

Axure如何实现抽奖的旋转效果原型
Axure如何实现抽奖的旋转效果原型

5、另外,动画根据物理惯性,选择缓进缓出,时间可以随意进行设置,这里可以选择设置成为2000毫秒。

Axure如何实现抽奖的旋转效果原型

6、最后进行测试,可以看到最终实现了自己想要达到的效果,难点就是在设置函数那里。

Axure如何实现抽奖的旋转效果原型
© 手抄报圈