【进阶教程】Axure快速创建动态面板制作左侧下拉菜单导航栏

一、实现效果展示

本节主要介绍在产品高保真原型图制作过程中，如何利用Axure创建左侧下拉菜单导航，以更好的帮助产品经理表达产品形态、领导者明确产品设计理念、开发人员迅速开发产品。先上图，展示最终达到的效果：

二、插入动态面板

首先插入一个矩形框，调整尺寸及颜色，输入文字【一级菜单1】，右侧面板名称命名为【一级菜单1】，并点击右键转化为【动态面板】，复制一个并重命名为【一级菜单2】。如下图：

 

双击【一级菜单1】，进入动态面板管理，将此刻的状态【state1】重命名为【折叠】，如下图：

点击【添加状态】，并将新状态命名为【展开】，同时复制一个【一级菜单1动态面板】（可以退出后直接在页面复制，然后点进来粘贴），粘贴好后再下方创建三个矩形二级菜单，并命名为【二级菜单1】、【二级菜单2】、【二级菜单3】，调整为如下图的形式：