在原型设计中，手风琴菜单也是很常用的一种效果，点击某一选项，可以展开、收起二级菜单。在摹客中，可以利用面板+列表组件，并结合“调整尺寸”、“移动”的交互，可以快速完成手风琴菜单的效果。
工具/原料
摹客在线原型设计工具
方法/步骤
1
在画板中使用一个列表组件，并在右侧属性面板中记住列表组件的整体高度和单个条目的高度。
2
使用面板组件，将列表放置在面板中，右键克隆出同样的三个面板组件。
3
拖动第一个面板组件的链接点，分别设置好三个面板的“点击时移动”交互效果，将Y轴设置为2个条目的高度。
4
拖动第二个面板组件的链接点，分别连向自己和第三个面板组件，设置与上一步同样的交互效果。
5
拖动第三个面板组件的链接点到自己，设置与上两步相同的交互。
6
在右侧交互面板中，将所有组件的交互都设置为“自动还原”和“同时工作”。
7
将三个面板的高度分别设置为只显示“条目一”，并按顺序放置在一起，即可完成手风琴菜单的设置。
上一篇：如何购买巴扬手风琴