Axure实现菜单抽屉效果

Axure是怎么实现如下效果的？

• 菜单打开和收起
• 侧边栏菜单
• 抽屉效果

实现效果

两级菜单，点击菜单收起其他菜单，打开当前菜单。

实现原理

1. 单击一级菜单时，1）切换当下二季菜单的显示/隐藏状态 2）隐藏其他菜单的子菜单
2. 推/拉动下方原件效果

实现步骤

1. 在页面上添加一个矩形作为一级菜单

2. 在一级菜单下面添加多个矩形作为当前一级菜单的二级菜单

3. 将二级菜单进行组合，设置组合名称为G-sub table，转成动态面板，之后设置为隐藏

4. 将一个菜单和二级菜单进行组合，多复制几个

5. 按照倒叙将组合好的菜单叠放，如下：
   

   注意：第三个菜单放最下面，第二个叠在三的上面，第一个在最上层。

6. 分别给1、2、3这三个一级菜单添加点击动作（以菜单1为例）

   1）交互->单击时->显示/隐藏->隐藏其他菜单的子级动态面板，设置"拉动原件"，选择"下方"
   

   2）将当前菜单的子菜单的组合设置为"切换"
   

总的设置如下：

总结

实际上就是堆叠了几个动态面板，适当的时候让其显示或者隐藏，用时拉或者推送下方原件上移或者下移，即可实现此效果。