Session11-手风琴效果的制作Accordion Menu
此节主要介绍手风琴效果(包括进一步的抽屉菜单)的制作。
思路分析
单击不同的栏目时,展开该栏目下的选项或内容,并同时将处于自己下方的其他栏目往下推动(相像一下拉手风琴时的效果)
因此可以将需要展示的部分放入动态面板中,在设置动态面板的显示时往下推动元件(动态面板的向下推动元件效果)
元件准备及步骤
- 拖入两个矩形,将第一个矩形的文字设置为栏目一,将其宽度设置为50(以便下方调整组合二时使用)将第二个矩形作为内容的填充区域;
- 在第二个矩形上右键填充乱数假文(当然你也可以自行输入);
- 右键单击第二个矩形,转换为动态面板;
- 将动态面板设置为默认隐藏(在右侧样式菜单中)。
至此,对于第一个栏目的菜单及下的内容就准备好了,然后我们设置其交互如下:
- 将第一个矩形的交互设置为