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

2020-02-23
[摘要]

之前中午和同事一直在纠结吃什么,突发奇想想到了转盘抽奖的模式做一个“转盘选餐”的原型图,大家仅供参考。结果图如下所示:设计思路:设计一个圆盘做为底盘;增加“抽奖”按钮及旋转指针。预计实现效果:点击“抽奖”按钮,触发底盘旋... […]

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

结果图如下๑所示:

设ф计思路:※

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

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

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

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

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

设置旋转∏方向为顺时针旋转为“相〗对位置(by)”◁,若是“绝对位置(to灬)”则●抽奖Ⅵ转盘转Ⅸ完υ后,再次单击则无法实现随机抽奖转动;

设置|︴()〔〕角度,由于需要抽奖单击随机,所以此处我们需要使用到函数[[10∈0000+random()*360]]

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

交互的rp文件,朋友们可以◐下载查看详情:https://pan.baidu.com/s░/14KDGnuM▣▤▥jEOJmkR〨tY5dRHb§Q

 

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

题图来自Un⌒҉s┙plash,基于CC0协议

声明:凡注明“本站原创”的所有文字图片等资料,版权均属 什么软件赚钱快又多_什么软件赚钱又多又快_什么软件赚钱赚的快所有,欢迎转载,但务请注明出处;
这30件事情,移动端设计需要注意 房地产营销计划如何做房地产营销计划模板
Top