起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識Axure教程：滑動選擇數值
編輯導語：選擇數值時，可以通過鼠標滑動左右來選擇。本文作者分享了用Axure制作滑動選擇數值的方法，感興趣的小伙伴們一起來看一下吧。
本次分享的是滑動選擇數值案例：
預覽及下載地址：https://ef8qxl.axshare.com
一、制作原型
制作12個矩形，分別命名為：1、2、3、4、5、6、7、8、9、10、11、12。
制作一條橫線，命名為：水平線
制作輸一個輸入框，命名為：數值
制作一個動態面板，命名為：移動
在面板里制作一個指針，拖動一個矩形，命名為：移動光標，設置成自己喜歡的形狀，如圖：
制作一個矩形，命名為：顯示，可以設置成自己喜歡的形狀和顏色，并設置為隱藏狀態，如圖：
最后制作成如圖：
所有的制作完成，接下來進行交互設置。
二、交互設置
對動態面板“移動”進行“移動時”事件和“拖動時”事件進行設置：
對矩形“移動光標”進行“鼠標按下時”事件和“鼠標松開時”事件進行設置：
所有的設置完畢。
本文由@qianqianlu 原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自 unsplash，基于 CC0 協議
公眾號 Axure設計工廠
評論
太太有用啦，又學習到一個新的技能——滑動選擇數值。感謝作者，收藏啦。