起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Axure 教程：突發(fā)奇想的“菜單轉(zhuǎn)盤”
之前中午和同事一直在糾結(jié)吃什么，突發(fā)奇想想到了轉(zhuǎn)盤抽獎的模式做一個“轉(zhuǎn)盤選餐”的原型圖，大家僅供參考。
結(jié)果圖如下所示：
設(shè)計思路：
- 設(shè)計一個圓盤做為底盤；
- 增加“抽獎”按鈕及旋轉(zhuǎn)指針。
預(yù)計實現(xiàn)效果：點擊“抽獎”按鈕，觸發(fā)底盤旋轉(zhuǎn)，大約2s后底盤停止轉(zhuǎn)動，指針所在區(qū)域即為選中結(jié)果。
涉及內(nèi)容：旋轉(zhuǎn)、隨機函數(shù)（random()）。
首先，利用“圓”、“垂直線”和“文本框”繪制一個轉(zhuǎn)盤底盤組合；如圖所示：
接著，在底盤上加指針及觸發(fā)按鈕“抽獎”，并對“抽獎”按鈕設(shè)置“鼠標單擊時”事件，選擇“旋轉(zhuǎn)”勾選轉(zhuǎn)盤組合。
設(shè)置旋轉(zhuǎn)方向為順時針旋轉(zhuǎn)為“相對位置（by）”，若是“絕對位置（to）”則抽獎轉(zhuǎn)盤轉(zhuǎn)完后，再次單擊則無法實現(xiàn)隨機抽獎轉(zhuǎn)動；
設(shè)置角度，由于需要抽獎單擊隨機，所以此處我們需要使用到函數(shù)[[100000+random()*360]]°
最后保存并點擊瀏覽即可，一個簡單的小交互就實現(xiàn)了。
交互的rp文件，朋友們可以下載查看詳情：https://pan.baidu.com/s/14KDGnuMjEOJmkRtY5dRHbQ
本文由 @產(chǎn)品小白白 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
評論
這個想法可真可愛啊，哈哈哈哈
主要是迫于生活的壓力，哈哈哈