快好知 kuaihz

Axure教程:随机抽奖

前段时间在线下看到一个抽奖转盘,发现很有意思,不过这个转盘是需要手动操作,突然我就联想到若是这种抽奖转盘若放在我们APP中如何实现;然而作为一名初级产品经理,在设计仿真原型图又需要怎么去做呢?

以下将是实现随机抽奖的案例:

在此之前,说明一下此次我们涉及内容:旋转、随机函数(random,返回0~1之间的随机数0<1)。

步骤一:需要绘制如下原型抽奖

见图一:

步骤二:

给“”点我“”一个【鼠标单击时】事件,选择【旋转】-勾选抽奖转盘组合;

设置旋转为【相对位置】,若是【绝对位置】则抽奖转盘转完后,再次单击则无法实现随机抽奖转动;

设置角度,由于需要抽奖单击随机,所以此处我们需要使用到函数[[Math.random()*360+3600]]。

其次设置动画为【缓进缓出】,时间【2000】毫秒

实现这个效果很容易,关键是要理解这里面的逻辑。

其实学了这么久,悟出所有产品都是源自生活,只要平时我们多观察、了解生活的细微之处,或许某一天一个不起眼的瞬间,就成了我们对产品的发现或者是一个新的创新。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:Axure教程:随机抽奖  抽奖  抽奖词条  随机  随机词条  教程  教程词条  Axure  Axure词条  
原型

 Axure教程 axure新手入...

(五)系统函数与变量 1、变量的种类:全局变量:可以在整个原型的任意位置调用和修改。局部变量:仅作用于某一事件的某一动作内。自定义变量:自行新建的全局...(展开)