当前位置: 首页> 网络营销

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

发布时间:20-03-23

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

结果图如下所示:

设※计思路:

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

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

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

首先,利●·用“*圆”、“垂直★线”和“文本框”绘制一个转盘℃底盘⿻组合;如╯╰图所▫示:

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

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

设置角度,由于需要抽奖单击随机,所以此处我们需要α۩๑使用到函数[[100000+r『and❤om()*360]]

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

交互的rp文件,朋友们可以下载查看详情:https:/▲/pan.ba●idu.co*m♯♮/s/14KDGnuMjEOJmkRtY5dRHbⅦQ

Ф

 

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

题图来自εUnsplash,基于CC0协议

上一篇: 这30件事情,移动端设计需要注意
下一篇: 智联招聘财报:2014年Q1智联招聘营收为2.557亿元 净利为4198万元