編輯導語：選擇數值時，可以通過鼠標滑動左右來選擇。本文作者分享了用Axure制作滑動選擇數值的方法，感興趣的小伙伴們一起來看一下吧。

本次分享的是滑動選擇數值案例：

預覽及下載地址：https://ef8qxl.axshare.com

一、制作原型

制作12個矩形，分別命名為：1、2、3、4、5、6、7、8、9、10、11、12。

制作一條橫線，命名為：水平線

制作輸一個輸入框，命名為：數值

制作一個動態面板，命名為：移動

在面板里制作一個指針，拖動一個矩形，命名為：移動光標，設置成自己喜歡的形狀，如圖：

制作一個矩形，命名為：顯示，可以設置成自己喜歡的形狀和顏色，并設置為隱藏狀態，如圖：

最后制作成如圖：

所有的制作完成，接下來進行交互設置。

二、交互設置

對動態面板“移動”進行“移動時”事件和“拖動時”事件進行設置：

對矩形“移動光標”進行“鼠標按下時”事件和“鼠標松開時”事件進行設置：

所有的設置完畢。

本文由@qianqianlu 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自 unsplash，基于 CC0 協議