axure三级菜单制作,AXURE教程-三级菜单和标签的交互使用

axure三级菜单制作,AXURE教程:三级菜单和标签的交互使用

如何在pythonAxure中实现带动态面板的三级菜单？相信大家都在一些网页上看到过三级菜单，那么我们如何在Axure中使用动态面板实现三级菜单呢？方法很简单。跟小六一起来看看吧。

“Axure RP”还有你不知道的地方。单击此处了解更多关于“Axure RP”课程的信息。

工具/软件

硬件型号：联想ThinkPad P14s

版本：Windows7

所需软件：Axure RP

方法/步骤

第1步

让我们先放入菜单的相关元素。这里我用矩形。

第2步

我们选择三级菜单的所有三个元素，点击鼠标右键，并选择[转换为动态面板]选项。

第3步

将此新动态面板命名为“3”；并且，再次单击鼠标右键或在快捷功能区中，将此动态面板设置为隐藏。

第4步

为二级菜单组件的[当鼠标点击时]添加一个用例，将动作设置为[切换可见性]，勾选目标组件“3”，在设置中勾选[推/拉组件]。

第5步

我们同时选择二级菜单和三级菜单，点击鼠标右键选择[转换为动态面板]选项。

第6步

然后，将这个新的动态面板命名为“4”。

Ps:如果拖动的动态面板大小是固定的，需要勾选属性中的【自动调整到内容大小】选项。

第7步

双击动态面板“4”，然后双击第一个状态“State1”继续为二级菜单元素的[鼠标点击时]添加动作。

首先，我们添加“隐藏”外部动态面板“4”的动作，并选中“拉组件”选项。

第8步

继续添加二级菜单元素【鼠标点击时】的第三个动作，也就是上面提到的【显示】外部动态面板“4”。同时，在[更多选项]中选择[按压元件]选项。

第9步

将完成的二级菜单和三级菜单一起选择，做几份，按要求摆放。

Ps:复制的时候不要把二级菜单和三级菜单分开复制。二级菜单和三级菜单必须一起复制，以便交互对应继续有效。

第10步

:在一级菜单中添加“点击鼠标时”的用例，设置动作“切换可见性”，勾选动态面板“4”，勾选设置中的“推/拉元素”。

添加这个交互后，当你点击一级菜单时，你可以点击显示二级菜单，然后点击隐藏二级菜单。

第11步

点击一级菜单时，默认关闭三级菜单。

继续为一级菜单元素添加【鼠标点击】交互，设置动作【隐藏】所有三级菜单所在的动态面板“3”，在隐藏设置中勾选【拉元素】选项。

第12步

通过以上步骤，三级菜单完成。

注意/提示

希望“如何在Axure中实现带动态面板的三级菜单？”这篇文章可以给大家带来一些帮助。如果觉得内容有点晦涩，建议练习一下！如果想了解更多，也可以关注。

Tags：

转载：感谢您对我们平台的认可，以及对我们文章的青睐，内容均为用户上传，仅用于交流分享，如有侵权请联系删除，邮箱：332078507@qq.com。https://www.zizhi888.cn/sjzs/53500.html

很赞哦！ ()