当前位置: 首页> 国际电商

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

发布时间:20-03-23

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

结果图如下所示:

设计思路※:♂

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

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

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

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

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

设置○旋转|方向为顺时针旋转为“相对位置#(by)”,若是“绝对εїз位置︶︷︸(to)”则抽奖转盘转完后,再次单击则无≒法实现随Ⅲ机抽奖转动◈;۩

设置角度,由于需要抽奖单Я击随机,所╟以此处我们ω需要使用到』函数[[И100000+ranↃdom∝()*360]]β

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

≯⊙

交互的rp文⊕件,朋友们可以下载查看详情:https://pan.τbaidu.c℉om∨∴/s/14KDGnuMjEOJmk─━RtY5dRHbQ

 

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

题图来自Unspl℅aμsh,基于CC0协议

上一篇: 这30件事情,移动端设计需要注意
下一篇: 需求的真伪如何判别?