Axure9：手风琴后果

在画原型的侧边栏时，不少产物司理都市用得手风琴后果，那么，怎样用动态面板制造脱手风琴后果呢？这篇文章里，作者就做了总结和分享，一同来看看吧。

各位在画原型的侧边栏的时分常常会用得手风琴后果，今天来给各位解说一下怎样使用动态面板制造手风琴后果。

如今另有进阶版的使用中继器绘制手风琴后果，不外我以为动态面板比力简便，比力合适熟手，后续假如必要也出使用中继器完成手风琴后果的教程啦~

1. 起首第一步我们必要拽几个动态面板出来，我这边演示拽了三个分散定名“菜单一”“菜单二”“菜单三”（标准明晰的定名可以便利我们后续的利用）。

2. 每个面板可以添加多个state，我们这边添加两个state就够啦，state1为菜单折叠形态下的展现，state2为菜单掀开形态下的展现，我这边定名为“折叠”和“掀开”。

3. 如今对“掀开”和“折叠”两个state内举行添补，分散为菜单掀开和折叠我们想要的样子，我这边“折叠”放了一个一级菜单，“掀开”放了一个一级菜单，两个二级菜单，其他两个面板一样利用就好了。

4. 内容添补好了，如今我们可以加交互后果啦：选择菜单一动态面板添加交互，“单击时”-“设置面板形态”-选择“菜单一’，state设置为“下一项”，选择”向后循环“（如此点击就会不休的循环折叠掀开两个state了），选择”推进和拉动元件“，选中”下方“；最初必要在样式内里选中“自顺应内容”就好啦~

5. 其他两个菜单依照相反的办法利用，最初我们来看一下后果吧~

6. 假如想要后果更顺眼，我们还可以加上一些图形和悬停后果哦，我这边是在“折叠”和“掀开”state上分散增长了向下和向上的箭头，每个矩形框增长了悬停后果。

7. 终极后果如下：

本文由 @六元 原创公布于各位都是产物司理，未经允许，克制转载

题图来自 Unsplash，基于 CC0 协议

该文看法仅代表作者本人，各位都是产物司理平台仅提供信息存储空间办事。