Axure怎么制作一个幸运大转盘动画?
百度经验 发布时间：2018-08-24 16:17:03 作者：goodbyte01 
我要评论
我要评论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制作幸运大转盘动画的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Axure RP 8怎么模拟手机界面显示应用图标的效果？Axure RP 8中想要设计一个手机屏幕显示应用图标的效果，该怎么绘制这种界面呢？下面我们就来看看详细的教程，需要的朋友可2018-01-17
Axure RP 8对象怎么组合和取消组合？Axure RP 8中的元素需要组合到一起，该怎么组合或者取消组合呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-17
Axure RP 8怎么设计注册页面的网页原型？很多网站都会有注册页面，想要设计一款注册页面，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-15
Axure RP 8怎么使用按钮控制图片的显示或隐藏？Axure中想要制作单击按钮触发图片显示出来的效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-15
Axure怎么绘制柱状图图形？Axure中想要绘制一个柱状图，该怎么绘制呢？下面我们就来看看Axure绘制柱状图的教程，很简单，需要的朋友可以参考下2018-01-14
Axure RP8怎么导入RP文件? Axure导入本地RP文件的教程
Axure RP8怎么导入RP文件？Axure RP8设计模型很简单，想要将本地的RP文件文件导入到axure中，该怎么导入呢？下面我们就来看看Axure导入本地RP文件的教程，需要的朋友可以参2018-01-14
Axure怎么做表格随着鼠标移动改变颜色？Axure中的表格当鼠标选中某行的时候，颜色发生变化，鼠标移开以后表格恢复原来颜色，下面我们就来看看详细的教程，需要的朋友可以参2018-01-11
Axure怎么导入本地的按钮? Axure打开本地文件的技巧
Axure怎么导入本地的按钮？Axure设计网页圆形的时候，想要导入本地的按钮，该怎么导入呢？下面我们就来看看Axure打开本地文件的技巧，需要的朋友可以参考下2018-01-10
Axure设计的登陆页面怎么生成网页原型？Axure中设计的登陆网页想要直接生成网页原型，该怎么生成呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-10
Axure文件怎么生成html分享链接？Axure中设计的模型想要分享给朋友观看，该怎么生成html链接呢？下面我们就来看看2017-12-21
最新评论