Session11-手风琴效果的制作Accordion Menu | 剑雨Axure RP9系列【进阶】

Session11-手风琴效果的制作Accordion Menu

此节主要介绍手风琴效果（包括进一步的抽屉菜单）的制作。

思路分析

单击不同的栏目时，展开该栏目下的选项或内容，并同时将处于自己下方的其他栏目往下推动（相像一下拉手风琴时的效果）
因此可以将需要展示的部分放入动态面板中，在设置动态面板的显示时往下推动元件（动态面板的向下推动元件效果）

元件准备及步骤

1. 拖入两个矩形，将第一个矩形的文字设置为栏目一，将其宽度设置为50（以便下方调整组合二时使用）将第二个矩形作为内容的填充区域；
2. 在第二个矩形上右键填充乱数假文（当然你也可以自行输入）；
3. 右键单击第二个矩形，转换为动态面板；
4. 将动态面板设置为默认隐藏（在右侧样式菜单中）。
   

至此，对于第一个栏目的菜单及下的内容就准备好了，然后我们设置其交互如下：

1. 将第一个矩形的交互设置为单击时，显示动态面板，同时推动下方元件。
2. 将以上所有的元件组合，取名为栏目一，可以看到左侧页面概要中可看到一个文件夹的显示。
   

<