当涉及到时候时， 偶然会需要按时发送之类的功能， 今天介绍若何设计固按时间点的时候选择器 。
文章插图
需要这些哦
Axure 9
方式/
1起首我们拖动一个矩形框， 按本身需求设计样式， 我这里设置悬停样式及选中样式为浅蓝色结果， 可定名为选择时候框
文章插图
2接着拖动一个矩形作为底部面板， 然后拖动几个矩形作为时候数据， 矩形的悬停结果也为浅蓝色 。 时候按需求设定， 这里各15分钟一个时候 。
文章插图
3接着将时候组件的矩形组合， 并转换为动态面板
文章插图
4接着要实现选择时候时的滚动结果， 选择动态面板然后右键选择滚动条-垂直滚动 。
文章插图
5以上根基结果设计好， 接下来设计交互选中， 逻辑本家儿要如下：
1、点击选择时候框， 动态面板瓜代下拉鞭策显示、鞭策上拉埋没
2、选择时候， 选择时候框获取到该选项数据， 而且动态面板鞭策上拉埋没
6【axure如何自定义设计时间选择器】第一步我们将动态面板设置为埋没
第二步新建时候选择框的单击时交互事务
如下图， 完当作之后可点击预览看根基的交互结果
文章插图
文章插图
7第三步双击进入动态面板， 在每一个时候选项的矩形框， 设计单击交互事务， 即选中不时间选择框的文本值为当前时候选项的文本
如下图以8:15的为例设置为即可预览结果
文章插图
文章插图
8值得注重的是最好操纵变量去设置文本， 否则每个时候的文本您都需要本身输文字， 所以操纵变量的话其他时候的单击事务直接复制黏贴的话就好了 。
以上内容就是axure如何自定义设计时间选择器的内容啦， 希望对你有所帮助哦！
推荐阅读
- cdr如何填充纸牌梅花图样
- ps如何制作褪色水彩效果文字
- cdr如何填充纸牌方块图样
- ps如何制作红色纹理纸图案
- ps如何快速绘制彩色纸屑
- 3Dmax如何制作九圆角星形
- cdr如何快速绘制心形图案
- ps如何快速绘制冬青树图案
- 男生瘦脸的方法 男生如何瘦脸最有效
- 如何掌握哪些自律的习惯？