时间:2021-05-22
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流程图怎么添加连接线?
Axure RP 8怎么制作倒计时动画?
Axure怎么制作百分比的进度条动画?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
淘宝幸运大转盘怎么设置?很多卖家看到别人店铺装修里有个幸运大转盘活动,自己也想设置一个,但不知道淘宝幸运大转盘怎么弄。装修宅小编送上淘宝幸运大转盘设置教程。
淘宝幸运大转盘怎么设置?很多卖家看到别人店铺装修里有个幸运大转盘活动,自己也想设置一个,但不知道淘宝幸运大转盘怎么弄。装修宅小编送上淘宝幸运大转盘设置教程。
本文实例为大家分享了js实现幸运抽奖九宫格大转盘效果,供大家参考,具体内容如下实现代码:九宫格大转盘*{padding:0;margin:0}
本文实例讲述了PHP大转盘中奖概率算法的实现方法,分享给大家供大家参考。具体如下:大转盘是最近很多线上网动中一个比较有意思的东西了,下面我们就来看看这个大转盘中
目前各个网站,经常可以看到大转盘抽奖,本经验初步讲解大转盘抽奖的前提条件:让转盘转起来。软件名称:AxureRPPro(快速原型设计工具)V8.0.0.3333