axure 如何让菜单项按钮被选中后变颜色

在做软件界面设计中,经常会遇到像点击一个按钮,切换了一个画面,同时希望这个按钮能够显示“激活”的状态,那么如何让菜单项被选中后变颜色呢。

1.如图,创建了一个纵向的菜单栏,其中有两个指示不同画面的按钮。先右键单击第一个菜单项,选择他的交互样式,设置他被选中后的状态,我们设置填充颜色变为蓝色,注意此处“应用到”选择“仅该菜单项”!同样设置好另一个按钮。TIP:选中指一个菜单是否被选中的状态,该状态有TRUE和FALSE。

axure 如何让菜单项按钮被选中后变颜色_第1张图片

2.点击“全流量动态图”这个菜单项后,做第二步,新增用例,动态选择“鼠标单击时”;做第三步,选择“选中”这一动作,然后设置对应的我们要改变状态的菜单项,需要变为蓝色的菜单项设置为TRUE,不为蓝色的设置为FLASE。因为我们之前交互样式设置的是选中时(即TRUE时)填充为蓝色。

axure 如何让菜单项按钮被选中后变颜色_第2张图片

如上,你也能够完成自己想要的按钮颜色变化了吧!!

TIPS:上述的为同一个页面内的按钮颜色变化,若要设置的按钮为不同页面间导航栏的菜单项颜色改变,需要采用不同的交互事件。如下,用例选择页面载入时即可,设置同上!

axure 如何让菜单项按钮被选中后变颜色_第3张图片



有其他问题欢迎提问哦。

你可能感兴趣的:(产品经理)