Axure 侧导航收缩及展开方法一（axure如何做导航栏的展开和收缩）

Axure 侧导航收缩及展开

本文是用 axure rp9 版本软件。

在web页面中，我们应该经常看到这样的侧导航，请任意选择一个方框，

建立【sw1】的下拉框

选择动态面板，双击动态面板，建立下图内容：

复制以上内容，并且修改成如下图：

将其它三个设置为隐藏，通过右键操作如下图：

形成效果如下图：

将他们组合成以下样式：

通过邮件将他们编成一组，组名字可以随便命名：

本文创建4个一级菜单，解决大家对中间两个菜单配置的疑问，首先对【菜单1】进行相关配置，配置鼠标悬停、鼠标按下、选中 三种状态，分别配置背景颜色和字体颜色，如下图：

相关功能可以自己尝试添加，如下图：

相关功能可以复制，直接选中其它菜单框，粘贴即可，选中相关交互，右键进行复制、删除等功能操作：

同理添加动作交互，此处需要特别注意菜单方向，否则容易出现菜单无法显示，以下是SW1交互动作：

以下是SW2交互动作：

以下是SW3交互动作：

以下是SW4交互动作：

由于SW1是默认显示，选中它，右键选择【选中】：

至此请发布预览相关功能。