养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何在Axure rp中实现二级菜单的显示和隐藏

时间:2024-10-19 15:43:13

在Axurerp中,除了能够通过链接行为实现交互效果外,还可以通过元件行为实现各牡啾锯辏种交互效果。接下来介绍如何通过元件行为完成二级菜单的显示和隐藏。

工具/原料

电脑

Axurerp

方法/步骤

1、先在画布上放一个矩形框,宽度和高度分别设置为100和30,内容为“导航一”。

如何在Axure rp中实现二级菜单的显示和隐藏

2、再放一个垂直菜单作为导航一的二级菜单,将标签命名为导航一的二级菜单。

如何在Axure rp中实现二级菜单的显示和隐藏

3、选择导航一,双击检视区域的属性|鼠标单击时

如何在Axure rp中实现二级菜单的显示和隐藏

4、在用例编辑中,添加动作选择元件|显示/隐藏|切换可见性,配置动作中选择导航一的二尽谮惋脑级菜单,并进行切换配置,如下图:

如何在Axure rp中实现二级菜单的显示和隐藏

5、默认情况下,先将二级菜单隐藏起来,选择垂直菜单,对载入时的事件进行配置,在添加动作中选择隐藏事件即可。

如何在Axure rp中实现二级菜单的显示和隐藏

6、按F5进行预览,单击导航一时,二级菜单向下滑动;退出时,二级菜单向上滑动。

如何在Axure rp中实现二级菜单的显示和隐藏

© 一点知识