Axure教程:突发奇想的“菜单转盘”

之前中午和同事一直在纠结吃什么,突发奇想想到了转盘抽奖的∝模式做一个“转盘选餐”的原型图,大家±仅供参考。

结果图如下所示:

设计思路:

设计一个∨圆ⓛ盘做为底盘; 增加“抽奖”按钮ρ及旋转指针。 ℡

预计实现效Ⅸ果:点击“抽奖”按钮,触发底盘旋转,大约2s*后底盘停止转动,指针所๑·ิ.·ั๑在区域即为选中结果。

涉及内容:β旋转、随机函数(random())。

首先,利用█“圆”、“垂直线”♂和“文本框”绘制一个转盘底盘组合;如и图所示:

接着,在底盘上加指针及触发按钮“抽奖”,并对“抽奖”按钮设置“鼠标单击时”事↔件,选择“旋转”勾─━选转盘▐组合。*

设置♤旋转方向为顺时针旋转の为“相对位置(b』y)”,若是“绝对Ц位置❤(t■o)”则抽奖‖|转盘转完后,再次@单击则无法实现随机抽奖转动;

设置角度,由于需?¤要γ抽奖单§击随机,所以此处我们需々要使用到函♠数[[100000+random()*360]]

最←后保存并点击浏÷览即可,一个简单的ↀ小└交互就实现了。

交互的rp文件,ε≌朋友⊙们可以下载查看详情☼:δhttps://pan●.baidu.com/s/1⊕4KDGnuMjEOJmkRtY5dRHbQ

 

本文由 @产品小白白 原创发布于人Ч人都№是产品经理。未※经︶︷︸许可,禁止转载

题图来自Unspla╩sh,基☺☻于CC0协议

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处: Axure教程:突发奇想的“菜单转盘”