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步
最后进行测试,可以看到最终实现了自己想要达到的效果,难点就是在设置函数那里。
- 上一篇:Axure图形字体如何配置大小?
- 下一篇:Axure9怎么相对浏览器窗口位置显示?
相关文章
广告位
评论列表