当前位置: 首页> 域名资讯

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

发布时间:20-02-23

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

结果图如下所示:

设计思路:

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

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

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

首先,利用“圆”、“垂直ↈ线”▫和“文本框”绘↑制一个转┕盘―┌底盘组合;如图◘所示:

接着,在底盘上加指¤针及触▄发按钮“抽Υ奖”,并对“抽奖”按钮设置“鼠标单…击时”事件,选择“旋转”勾选๑·ิ.·ั๑转盘组合。

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

设置角度,由于§需要抽≈☆奖单击随机▉,所以ν此处∮我们需要≈使用到函数[[100000+┈┉random()*36├0]]

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

交⇔互的rp文件,朋友们可以下载查看详情:h∮ttps:/┚/pan.baidu.com/≌s/14KDGnuMjEOJmkRt∕Y5dRHbQ

 

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

▂▃▅▆█

题图来自Unsplas┙h,基于CC0协议

上一篇: 这30件事情,移动端设计需要注意
下一篇: 正式新闻发布形式 正式新闻发布形式有哪些?