当前位置: 首页> 企业站SEO

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

发布时间:20-02-23

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

结果图如下所示:〇

设计思路:

⇔ 设计一个圆盘Σ做为底盘▓۩; 增加“◈抽奖”ↈ①按钮Зↆ▋及旋转指针。

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

涉及内容:旋转、随机函数(ra¥nd∈om()┝)。

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

接着,在*底盘上加۞指针及触发按钮“Ⅳ抽۞۞奖”,并对“∶抽奖”按钮⿲设置“鼠۩标单击┗时”⊙事件,选择“旋转”勾选转盘组合。

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

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

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

交Ⅰ互的rp文件,〆朋友们可以下载查看详情:https://panⅩ.baidu.com/s/14KDGnuMjEOJmkRtY5dR★HbQ

&︹︺︻nbs∈p;

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

题图来自Unsplщash,基于C¤C←0协议

上一篇: 这30件事情,移动端设计需要注意
下一篇: 通过销售话术谈内链建设