展开功能 收起 日历_AXURE实现筛选栏收起与展开、日历选择器、时钟

今天给大家分享一下使用Axure软件如何实现筛选栏收起与展开效果与日历选择器、时钟。( 本文使用软件是Axure 9)

---START---

一、筛选栏收起与展开

我们先看一下效果：

筛选栏收起与展开

思路：可以通过添加控件点击事件实现筛选字段控件的隐藏状态与移动状态来完成。

实现过程：

1.1、首先我们在Axure软件中新建一个画布，在画布中简单做一个左侧有菜单栏，顶部有导航栏，右边带有表格的界面，在表格上方新建12个矩形为筛选字段。

图1.1

1.2、在筛选栏中定义了订单号、物料编码、物料名称等6个筛选字段，在筛选字段下添加展开更多矩形、直线与三个按钮。