Question

Axure鼠标移入时切换菜单的原型效果怎么做？

Answer 1

Axure鼠标移入时切换菜单的原型效果怎么做？很多Axure新手小伙伴遇到这个问题可能都很迷茫！下面就详细的教大家怎么制作吧!如果你打算自学Axure原型设计的话，推荐的Axure自学视频课，专业讲师传授知识点，可以0基础学会软件功能操作以及动手实操~

Axure鼠标移入时切换菜单的原型效果制作方法：

所需元件

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

操作步骤

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

鼠标移入“菜单2”后：

以上就是关于“Axure鼠标移入时切换菜单的原型效果怎么做？”的内容分享了，希望能够帮到你！更多Axure精彩分享，尽在Axure相关文章！Axure因其能够快速、高效的创建原型，备受众多产品设计人员所使用！对于想要快速学会Axure原型设计的小伙伴，就可以选择精选的Axure自学视频课！不要犹豫，选择合适的课程开始学习体验吧~