blog20200919：02-Axure使用动态面板实现三级菜单

首先，菜单分为三级。

在三级菜单展开之前，先把外层动态面板隐藏并拉动元件。

这样，所有二级菜单会变成收起状态。

然后，让三级菜单展开。

这时，外层动态面板自动适应展开后的尺寸（注意外层动态面板要设置自动适应内容尺寸），高度变长。

最后，再把外层动态面板显示出来，这样就会按照展开之后的高度推动下方元件。

第一步，我们先放入菜单的相关元件，这里我使用了一些占位符，大家也可以使用矩形，设置成其他样式。

第二步，我们把三级菜单的三个元件全选，在上面点击鼠标右键，选择【转换为动态面板】的选项；然后，把这个新出现的动态面板命名为“ThreePanel”；并且，再次点击鼠标右键或者在快捷功能区中，把这个动态面板【设为隐藏】。

第三步，我们先来完成三级菜单展开和收起的交互效果。

为二级菜单元件的【鼠标单击时】添加用例，设置动作为【切换可见性】，勾选目标元件“ThreePanel”，并且勾选设置中的【推动/拉动元件】。

完成上面的设置之后，大家可以预览一下效果。

点击二级菜单的时候，就能够点一下显示三级菜单&#