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

2020-01-12 导读

导读 : 之前中午和同事一直在纠结吃什么,突发奇想想到了转盘抽奖的模式做一个“转盘选餐”的原型图,大家仅供参考。结果图如下所示:设计思路:设计一个圆盘做为底盘;增加“抽奖”按钮及旋转指针。预计实现效果:点击“抽奖”按钮,触发底盘旋转,大约2s后底盘停止转动,指针所在区域即为选中结果。涉及内容:旋转、随机函数(random())。首先,利...

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


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


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

结果۩图如下所示:

设计思Ⅺ路:

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

预计实现效果:点击“抽奖”按钮,触︼︽︾发底盘旋转,大约2s后底盘停≤止转动★,∪指针所在区域即为选中结果。▁▂▃▄

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

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

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

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

设置角度,由于需要抽奖&单击随机▦▩,‖∠所以☏此处我们需要使用到函数[[100ξ000+random()*360]]

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

交互的rp文件╬,朋友们可以下载查看详情:https://pⓛan.baidu.╝com/s/1▅▆4KDGnuM↓jE─━OJmkRtY5dRHb↔Q

Ъ

 

本文由 ♂@产品小Γ白白 я┗原创▐发布于⿻∈人人都是产品经理。未ф经许可,禁止转≥载

题图来自Unsplash,基于CC0协议


本站所收集的资源来源于互联网公开资料,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。本站部分作品是由网友自主投稿和发布,本站仅为交流平台,不为其版权负责。

“你今天带了什么垃圾?”东莞这群小学生见面的问候语有点特别!
红人馆|董明珠:企业竞争力恰恰在于创新、专注、舍得