作为Axure小白,一直以为选择日期的控件自己做很难,需要当别人已做好的元件。刚才试着搜索了一下,发现自己也能很easy的做出来!
1、从Axure自带元件库中拖拽【文本框】到画布。注意不要搞错,刚开始误选的文本标签,后面的步骤就不能做了= =
a
2、单击这个文本框,选择类型(Axure的类型是在交互的右侧)。类型选【日期】,提示文字可以写‘请选择日期’(提示文字可以随意发挥),其他保持默认就可以了。
b
3、点击【新建交互】(New Interaction),选择【鼠标单击时】-->【设置文本】-->fx
c
4、弹出交互编辑框,选择【设置文本】-->【当前元件】
d
5、点value后的fx,出现f图,点击【插入变量或函数】,在下拉列表中选择日期--Now,点击确定
e
f
6、点击【确定】,注意是两个确定
g
7、交互编辑好的状态如图h
h
8、做完的效果如下,画布状态+预览状态
i
j
OK非常容易的就做出来了,当然这次做的是最最简化的。实际应用场景中,日期的选择通常伴随着起始日期选择和结束日期选择,这种情况直接做两个并排日期控件就好了。另外,日期控件通常设置为隐藏状态,只有执行某一动作,才会触发该控件显示出来。