Axure二级菜单下拉交互实例

1.使用box+labe进行基础布局

2.设置鼠标悬浮和选中状态

3.转换为动态面板

选中所有二级菜单,进行按钮组转换

选中所有二级菜单,进行动态面板转换

4.给用户管理增加显示/隐藏事件

1)选择toggle代表上拉和下拉切换加载

2)勾选Bring to Front,并选择Push/Pull Widgets代表收缩时,下方的元件自动进行填充

3)Swing代表动画,在500ms内进行填充

5.设置子菜单自己选中时为真,避免设置为组后可以多选问题

6.设置动态面板,并增加相应状态

7.进行状态绑定

8.设置默认隐藏左侧菜单(页面加载时)

9.最终效果