如何使用Axure RP制作折叠菜单效果

　　折叠交互显得网页整齐，同时还给人一种动态的感觉，很好看，想知道怎么Axure RP的菜单折叠交互是怎么实现的吗？想知道Axure的动态面板及切换、控件的移动事件、控件单击事件如何转化吗？让小编带你一起学习吧！

　　Axure RP是一个专业的快速原型设计工具。是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。这里来讲下，产品、网页界面中常见的自由折叠和展开效果制作方法，见下方效果图。

      一般制作一个效果，我的制作流程一般是先画出html结构层内容，再写样式，之后是搞一些锦上添花的效果，如JS特效等等。不多说了，来看看实际操作吧。

　　一、首先要从左侧部件库中拖拉2个矩形，按照个人设定的样式，直接用鼠标拖拉调整好；然后复制矩形——选中要复制的内容，按住ctrl键，将光标移至矩形处变成一个双十字箭头（可移动标志）后，按住鼠标往旁边拉动，即复制成功。

     这里以复制两个后的三个为例。

　　二、可以分别给三个色块填充上不同的颜色，并给六个矩形分别命名，还可分别输入文字加强识别，这么做是为了便于区分，能达到很好的效果。

　　三、分别将下面的三个内容框矩形设为隐藏：选中要隐藏的部件，点击勾选“hidden”；接着，把绿色部分移到黄色标题栏下面，遮住绿色隐藏部分，粉红色类推，变成图中的左侧堆叠形态。

　　四、接着，点击黄标题栏——双击右侧“鼠标点击时”添加用例——选择左侧“显示/隐藏”部件——右侧配置动作中，勾选黄标题栏——可见性中选择“切换”——勾选“推/拉部件”，方向选择“下方”，点击确定（亦可跟随图示按步骤进行）。

　　五、然后再对绿标题栏、粉红标题栏进行同样的操作。标题栏设置完成后，点击演示键，即可查看效果。

　　注意事项：添加用例时，点击的是标题栏部件。而设置显示和隐藏时，勾选的是各标题栏下方的内容框。　

　　AxureRP能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。简单实用的折叠和展开的菜单效果也可以用AxureRP 制作出来，快动手试一下吧！