您现在的位置是：首页 > 设计知识设计知识
axure二级动态菜单,axure多级折叠菜单怎么做
网一2022-11-23 10:39:25设计知识41人已围观
简介axure二级动态菜单,axure多级折叠菜单怎么做python菜单有各种下拉链接。对于多办公软件，菜单往往有多级，可以通过下拉链接显示子菜单，其他未展开或展开的菜单也可以移动。我来给你解释一下我的实现思路。我还为大家准备了“AxureRP”的视频教程。点击查看。工具/软件硬件型号：联想天翼510S版本：Windows7所需软件：Ax
python菜单有各种下拉链接。对于多办公软件，菜单往往有多级，可以通过下拉链接显示子菜单，其他未展开或展开的菜单也可以移动。我来给你解释一下我的实现思路。
我还为大家准备了“Axure RP”的视频教程。点击查看。
工具/软件
硬件型号：联想天翼510S
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
以三个一级菜单为例。我们可以直接做第三个一级菜单，新建一个一级菜单，命名为第三个一级菜单。同时，在其下构建三个子菜单。完成后，选择所有的子菜单，把它们变成动态面板，并设置隐藏。
第2步
菜单的联动效果一般是点击触发的。因此，此时点击事件被添加到第三级菜单。这时需要注意的是，由于点击时可能会触发两个动作，所以点击事件需要通过添加条件来判断。比如子菜单面板隐藏时，点击后可以显示子菜单。显示子菜单时，单击隐藏子菜单。同时可以给事件添加动态效果，比如向下显示，向上隐藏，暂定时间500ms；
第3步
此时，最后一个一级菜单的设置已经完成，但由于需要点击前面的一级菜单才能显示其下方的子菜单，而第三个一级菜单及其子菜单下移，我们需要将第三个一级菜单及其子菜单视为一个整体，使其一起移动。所以此时需要设置为动态面板；
第4步
接下来，我们来做二级菜单。同样的制作原理和步骤与三级菜单和子菜单相同，但是我们需要把刚刚制作好的动态面板放到同一个页面上，以便后续操作；
第5步
此时，在二级菜单中添加click事件：子菜单面板隐藏时，点击显示子菜单；显示子菜单时，单击隐藏子菜单。不过相比之前的一级菜单，还需要增加一个效果，就是第三个一级菜单的动态面板要移动子菜单的高度*子菜单的数量。例如，如果我在我的例子中使用了三个高度为40的子菜单，我需要将Y坐标分别移动/-120；
第6步
此时可以适当运行效果，验证做法是否错误。效果如图。效果正确后，刚才做的内容都会被选中，设置为动态面板。
第7步
此时重复第四步和第五步。事件添加后，尝试发布。可以看到如图的效果。此时多个菜单面板逐层独立，点击即可全部显示并向下折叠，其下方的菜单也会随之移动，不会出现错误效果。
第8步
最后调整好所有面板的位置，统一对齐后，效果如图。此时，三级菜单的下拉显示效果完成。
注意/提示
好了，这次关于“Axure如何实现多级菜单下拉联动？”就是这样。按照教程步骤操作是不是超级容易？更多软件使用技巧，请关注小六！
Tags：
很赞哦！ ()