Axure鼠标移入时切换菜单方法

上一篇文章《Axure教程:实现菜单下拉效果》里使用了最简单的方式实现了菜单下拉效果,这个案例实现的是当鼠标移入菜单项的时候切换菜单且有且只有一个菜单项是展开的。

预览图

鼠标移入“菜单2”后:

预览地址:
   https://64y9da.axshare.com

所需元件

两个菜单矩形、两个菜单子项动态面板、一个向上箭头、一个向下箭头。

操作步骤

(1)设置“菜单1”矩形的第一个交互:鼠标移入时,让菜单变为选中状态

(2)设置“菜单1”矩形的第二个交互:选中改变时,分两种情况去隐藏和显示动态面板

1)Case1:当“菜单1”非选中时,隐藏“菜单1子项”动态面板:

2)Case2:当“菜单1”选中时,显示“菜单1子项”动态面板:

(3)同样地设置好矩形2的交互

(4)将“菜单1”矩形和“菜单2”矩形设置成同一选项组

(5)按F5预览原型看看

小记

1. 这里可以“菜单1”矩形和“菜单2”矩形只用一个交互动作即实现鼠标移入切换菜单且有且只有一个菜单项是展开的效果。

2. 为什么不这样做?

因为这个案例里就只有两个菜单,如果有10个,那你就得在显示一个菜单子项时将其他9个菜单子项隐藏起来,那就会非常麻烦而Axure提供的选项组功能在这里就可以派上用场。

选项组的功能就是让在一个选项组里的所有元件有且只有一个是选中状态,利用这个功能就我们虽然多了一个交互但却节省了很多的工作。

3. 当你快速在两个菜单项里来回切换的时候会出现这种情况,可以去试试非常有趣哈哈:

4. 至于为什么会出现这种情况是因为在设置“菜单”矩形交互的显示隐藏效果时没有将动画效果取消掉,当你快速切换时,页面反应不过来就把矩形一直往下推了

附上无bug原型地址:
   https://gx8op7.axshare.com

#相关阅读#

Axure教程:实现菜单下拉效果

本文由 @Nilz 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash ,基于 CC0 协议

(0)

相关推荐

  • PowerPoint2010取消“鼠标右键单击时显示菜单”

    PowerPoint2010中点击鼠标右键会弹出一组快捷菜单,如果不需要显示右键菜单的话,可以将其给关闭.那么,具体的该怎么操作呢?一起来看看吧! 操作方法 01 一.在电脑桌面的PowerPoint ...

  • axure怎么设计鼠标移入移出显示或隐藏面板?

    axure8鼠标移入显示面板,鼠标移出隐藏面板 1.打开Axure8在一个新的页面中添加一个按钮和一个动态面板. 2.设置动态面板为隐藏,右击动态面板,选择设为隐藏,如果里面有按钮.链接,那么需要对其 ...

  • win10玩游戏时鼠标操作延迟的解决方法

    在Win10系统下玩游戏,出现鼠标操作延迟的情况是怎么回事?这有可能是Xbox应用中的DVR功能引起的问题,可以关闭DVR功能来解决.下面我们一起来看看win10玩游戏时鼠标操作延迟的解决方法. 操作 ...

  • Windows XP输入法间不能切换解决方法

     Windows XP中,输入法图标也会莫名其妙地丢失,但在控制面板中却没有“输入法”,输入法无法转换,输入法图标不见了,主要是因为ctfmon.exe文件被病毒破坏了,电脑常识这时可以按以下方法尝试 ...

  • Win10设置点击任务栏程序图标进行窗口切换的方法

    那么这时如果需要切换窗口,需要先把鼠标移动到程序图标上,待显示预览窗口时,点击预览窗口才能完成窗口切换。这个切换窗口的方式显得稍有些繁琐。那么今天分享一个技巧,无需等到显示预览窗口,只需直接点击任务栏 ...

  • 腾讯手游助手鼠标键盘失灵了怎么办?腾讯手游助手鼠标键盘失灵的解决方法

    很多网友在用腾讯网游助手玩游戏时发现键盘鼠标都失灵不能用了,下面小编教大家怎么解决,供大家参考! 腾讯手游助手鼠标键盘失灵的解决方法 首先进入你的腾讯手游助手,点击我的游戏,如下图所示 进入我的游戏, ...

  • linux系统“图形界面”和“字符界面”切换的方法

    如果我们的linux系统进入时直接进入了命令字符界面,说明我们没有在安装系统的时候安装GUI,我们要在登录时进入图形界面,我们就需要安装GUI,下面小编就介绍一下两种界面进行切换的方法.具体如下:1. ...

  • 如何在win10系统中切换菜单为经典模式

    有的小伙伴在使用Windows10系统的电脑时,并不喜欢系统自带的菜单模式,因为已经习惯了Windows7的经典菜单,所以想要将菜单切换为经典模式,但是却不知道如何切换,其实我们可以在winstart ...

  • 怎么设置2345浏览器点击链接打开新标签页时切换至新标签

    2345是现在非常受欢迎的一款电脑浏览器软件,有些用户想知道怎么设置该软件点击链接打开新标签页时切换至新标签,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的[2345 ...

  • 鼠标中间滚轮滑动速度调整方法[图文]

    我们找到现在的鼠标它除了有左键和右键之外中间还是一个中键带滚动轮。有的时候在浏览网页的时候会用到滚轮中键直接滚动即可浏览网页。那么在这里小编就教大家鼠标中间滚轮滑动速度怎么调?这样的话就能更灵活的使用 ...