感謝導語:選擇數值時,可以通過鼠標滑動左右來選擇。感謝感謝分享分享了用Axure制作滑動選擇數值得方法,感興趣得小伙伴們一起來看一下吧。
本次分享得是滑動選擇數值案例:
預覽及下載地址:感謝分享v5ofnk.axshare感謝原創分享者
一、制作原型制作12個矩形,分別命名為:1、2、3、4、5、6、7、8、9、10、11、12。
制作一條橫線,命名為:水平線
制作輸一個輸入框,命名為:數值
制作一個動態面板,命名為:移動
在面板里制作一個指針,拖動一個矩形,命名為:移動光標,設置成自己喜歡得形狀,如圖:
制作一個矩形,命名為:顯示,可以設置成自己喜歡得形狀和顏色,并設置為隱藏狀態,如圖:
最后制作成如圖:
所有得制作完成,接下來進行交互設置。
二、交互設置對動態面板“移動”進行“移動時”事件和“拖動時”事件進行設置:
對矩形“移動光標”進行“鼠標按下時”事件和“鼠標松開時”事件進行設置:
所有得設置完畢。
感謝由等qianqianlu 來自互聯網發布于人人都是產品經理,未經許可,禁止感謝
題圖來自 unsplash,基于 CC0 協議