首页 >  企业站SEO

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

发布日期: 2020-02-17

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

结果图如下℅所示:

设计思路:

设▣▤▥计۞一个圆И盘≤做为底盘; 增加“抽奖”按钮及旋转指针。

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

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

首先,利用“圆”█、“垂∣直线”和“文本卍框”︹︺︻绘制一个转盘底∈盘组合;如图所示๑:

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

≧₪큐

设置旋转♂方向为顺时针旋转★为“相对位◘置(by)”,若是“绝※对位置(to)”则抽奖转盘转完后,再次单击则无法实现随机抽奖转动;

设置角度,由于需要抽奖单击随机⊕,所以此处我们需要使用到函数[[10〗0000+raлnd︰om()*360]]

最■后保存并点―击浏览即可,一个简单的Θ小交互就实现了。

交互的rp文件,朋ↇ友们я可以下载查看详情:htt→ps&://pan.ba⿺idu.com/s/14KDGnuMjEOJmkRt#Y5ШdRH☎℡bQ

 

本文由 @产品小白白 原创发布于人人都⊙是产品经理。未经许可,禁止转载

题图来自Uns↖plas╨h,基于CC0协议Ⅹ