多语言展示
当前在线:845今日阅读:176今日分享:34

Axure原型制作抽奖盘动起来的效果

上一篇经验,小编使用元件改变形状的方式制作了一个小的抽奖转盘,那个只是静态的,下面小编介绍一下如何让这个抽奖转盘动起来。
工具/原料
1

电脑

2

Axure

方法/步骤
1

小编就不说抽奖转盘怎么制作了,自己做也非常的难看,小编直接在网上找了一个素材,看下图。

2

素材准备完成后,自己再画一个三角形放到抽奖转盘里面,一会儿抽奖转盘转的时候,这个三角形不用转,因为它是指针,如下图所示。

3

相关工作准备完成,开始加交互事件,首先需要定义一个变量值,鼠标单击的时候赋予这个变量一个值,如下图所示。

4

然后让抽奖转盘旋转,角度中需要用到上面的变量值,如下图所示。

5

最后加一个等待时间,为了突出这个效果,如下图所示。

6

所有工作准备完成,f5预览一下效果,如下图所示。

7

鼠标单击时,抽奖转盘会转起来,最后停止到某一个位置,而且还是随机的,如下图所示。

注意事项
1

其实还能做到更逼真,比如获取上面的值,自己去研究吧

2

这个经验最重要的是变量的使用和定义

3

欢迎关注小编,一起学习

推荐信息