axure如何自定義設計時間選擇器

當涉及到時候時，偶然會需要按時發送之類的功能，今天介紹若何設計固按時間點的時候選擇器。

東西/原料

1
起首我們拖動一個矩形框，按本身需求設計樣式，我這里設置懸停樣式及選中樣式為淺藍色結果，可定名為選擇時候框
2
接著拖動一個矩形作為底部面板，然后拖動幾個矩形作為時候數據，矩形的懸停結果也為淺藍色。時候按需求設定，這里各15分鐘一個時候。
3
接著將時候組件的矩形組合，并轉換為動態面板
4
接著要實現選擇時候時的滾動結果，選擇動態面板然后右鍵選擇滾動條-垂直滾動。
5
以上根基結果設計好，接下來設計交互選中，邏輯本家兒要如下：
1、點擊選擇時候框，動態面板瓜代下拉鞭策顯示、鞭策上拉埋沒
2、選擇時候，選擇時候框獲取到該選項數據，而且動態面板鞭策上拉埋沒
6
第一步我們將動態面板設置為埋沒
第二步新建時候選擇框的單擊時交互事務
如下圖，完當作之后可點擊預覽看根基的交互結果
7
第三步雙擊進入動態面板，在每一個時候選項的矩形框，設計單擊交互事務，即選中不時間選擇框的文本值為當前時候選項的文本
如下圖以8:15的為例設置為即可預覽結果
8
值得注重的是最好操縱變量去設置文本，否則每個時候的文本您都需要本身輸文字，所以操縱變量的話其他時候的單擊事務直接復制黏貼的話就好了。