Axure日期控件

作为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非常容易的就做出来了,当然这次做的是最最简化的。实际应用场景中,日期的选择通常伴随着起始日期选择和结束日期选择,这种情况直接做两个并排日期控件就好了。另外,日期控件通常设置为隐藏状态,只有执行某一动作,才会触发该控件显示出来。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。