使用Axure实现Accordion（手风琴）效果

启动Axure RP

1. 打开Axure RP软件并创建一个新的项目。

添加一级目录项目

2. 在页面上添加一个矩形（Rectangle），作为第一个一级目录项目，并命名为"First"。

添加中继器

3. 添加一个中继器（Repeater），并命名为"Repeater"。

转换中继器为动态面板

4. 将中继器转化成动态面板（Dynamic Panel），并命名为"SecondLevel"。

编辑动态面板

5. 双击进入动态面板"SecondLevel"，然后双击进入默认的状态，并再次双击进入中继器的主页。

修改中继器内容

6. 删除原有内容，然后添加一个矩形（Rectangle），并命名为"id2"。

设置中继器交互

7. 在下方选择中继器数据集（Repeater Dataset），在其中创建两个列，并分别命名为"id1"和"id28"。

设置中继器行为

8. 切换到中继器交互（Repeater Item Interactions），设置"OnItemLoad"用例1，将文本框"id2"的内容设置为"[[]]"。

为一级目录添加事件

9. 回到矩形"First"所在页面，准备为其添加单击事件。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。