Axure中多个菜单,菜单突出显示效果设置

在日常绘制原型过程中,总会遇到设置菜单,当鼠标放置在某个菜单,则菜单填充颜色变化,字体变化,选中后,进入对应的页面,指定的菜单标蓝;

首先,设置一级菜单两个;菜单A和菜单B

菜单A对应界面为页面一,菜单B对应的为页面二;

效果要求,当点击菜单A,打开页面一,同时菜单A蓝色填充,字体变为蓝色

打开页面二,菜单B蓝色填充,字体变为蓝色;

且在页面一种,当鼠标放置在菜单B,菜单B蓝色填充,字体变为蓝色;

先说第一个效果,选择菜单A,右侧属性栏,交互样式设置中,设置鼠标悬停及选中两个设置效果;

 

设置完成后,菜单A,属性这里显示设置好的样式;同样的样式设置B;此时,当鼠标悬停在对应位置,会按照样式来显示;

 

那怎么能让在页面一,默认菜单A变蓝呢,在页面一种,选中菜单A,右侧样式中,有一个选中,勾选即可;同样,在页面二中,将菜单B设置为选中;

 

这样,采用Axure中默认的样式来做菜单的效果,就很方便;

最后的效果,就是当进入页面一,菜单A显示蓝色,进入页面二,菜单B显示蓝色;

很好的解决了不同页面中,不同菜单突出显示的效果;

比自己挨个画效果要方便多了;好吧,以前我就是那个自己挨个画效果的小白;

最终效果如下:

 

posted @ 2021-08-19 18:15  咏荷上雨  阅读(319)  评论(0编辑  收藏  举报