欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

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

设·集合小编 发布时间:2023-04-17 14:32:25 1500次最后更新:2024-03-08 12:12:09

在现实当中,为了能够实现促销等的一种方式,都会设置一些类似的抽奖小环节,并且如今大多数都实现了手机屏幕的软件形式的抽奖方式,那么这种效果究竟是如何实现的呢?下面就来看一下这个原型是如何进行制作的吧!

想要玩转“Axure RP”,快点击此入口观看最新教程→→

工具/软件

硬件型号:机械革命极光Air

系统版本:Windows7

所需软件:Axure RP

步骤:

第1步

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


第2步

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


第3步

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


第4步

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



第5步

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


第6步

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


广告位

热心评论

评论列表