axure如何自定义设计时间选择器

当涉及到时候时，偶然会需要按时发送之类的功能，今天介绍若何设计固按时间点的时候选择器。

东西/原料

1
起首我们拖动一个矩形框，按本身需求设计样式，我这里设置悬停样式及选中样式为浅蓝色结果，可定名为选择时候框
2
接着拖动一个矩形作为底部面板，然后拖动几个矩形作为时候数据，矩形的悬停结果也为浅蓝色。时候按需求设定，这里各15分钟一个时候。
3
接着将时候组件的矩形组合，并转换为动态面板
4
接着要实现选择时候时的滚动结果，选择动态面板然后右键选择滚动条-垂直滚动。
5
以上根基结果设计好，接下来设计交互选中，逻辑本家儿要如下：
1、点击选择时候框，动态面板瓜代下拉鞭策显示、鞭策上拉埋没
2、选择时候，选择时候框获取到该选项数据，而且动态面板鞭策上拉埋没
6
第一步我们将动态面板设置为埋没
第二步新建时候选择框的单击时交互事务
如下图，完当作之后可点击预览看根基的交互结果
7
第三步双击进入动态面板，在每一个时候选项的矩形框，设计单击交互事务，即选中不时间选择框的文本值为当前时候选项的文本
如下图以8:15的为例设置为即可预览结果
8
值得注重的是最好操纵变量去设置文本，否则每个时候的文本您都需要本身输文字，所以操纵变量的话其他时候的单击事务直接复制黏贴的话就好了。