使用Axure制作出一个大转盘动画具体操作方法

很多公司都有用户大转盘抽奖，那么你们知道使用Axure如何制作一个大转盘动画吗?下文就带来了使用Axure制作出一个大转盘动画的具体操作方法。

1、按如下图新建“水平线”、“垂直线”、“圆”、“图标：箭头”、及“按键”

2、这里设置以下参数，仅供演示使用：

设置“水平线”宽度：300;

设置“垂直线”高度：300;

设置“圆”尺寸：300*300;

设置“图标：箭头”尺寸：200*22;填充色：#FF0000;命名为：“指针”

设置“按键”内容为：“转一转”;”鼠标悬停“时的”填充色“为#C6E6E8;

布局如下所示：

3、下面就是设置驱动指针转动起来的交互效果，设置”按键：转一转“的”鼠标单击时“的交互动作：

4、设置旋转”图标：指针“的角度：

方向：顺时针(按需要可以设置顺时针或逆时针);

描点：中心;

不用设置偏移量;

动画：缓进缓出

时间：5000毫秒(即5秒)

5、这里需要注意的是：

转动的角度得随机，要不怎么体现出”幸运“呢~

所以转动的角度设置为：[[Math.random()*10000]]

其中random()返回一个0~1之间的随机数，至于想转动多少圈，就自己定义吧~

6、是不是很简单，一个按键就能玩出一个”幸运大转盘“。

按照上文为你们讲述的使用Axure制作出一个大转盘动画的具体操作方法，你们自己也赶紧去试试吧!