loading

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

发布时间:2020-02-23

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

结果图如下所示:⿷

设计┏思Э路:

设计一个圆盘做为底盘; 增加Θ“抽奖”按钮及┊┋旋转指针。 ︼︽︾

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

Ё

涉及内容〤:旋转、随№机函数(ran∨dom(ё-))。

σ

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

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

в

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

设置角度,由于需要抽奖单Υ击随机,所以此∽处我们需要使用到函数[[⿺100000+rand▄om()*360]л∏]

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

交互的rp文件▉,朋友们可以下载查看〩详д情:https://pan.baidu.▼♂com/s┑/14KDGⅣnuM∩jEOJmkRtY5dRHbQ

 ∷;

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

题图来自Un▦▩Ψsplash,基于CC0协议