axure8怎么制作tab菜单选中的效果?

侧滑菜单,tab菜单往往都有一个选中效果,在选中哪个页面,哪个菜单高亮,其他菜单自动取消高亮,具体步骤请看下文。

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、在上篇的基础上我们再加一个页面和菜单

axure8怎么制作tab菜单选中的效果?_第1张图片

2、为了实现点击效果,我们先设置,选中过后的高亮效果

axure8怎么制作tab菜单选中的效果?_第2张图片

3、高亮效果这就简单改变背景色,如果其他效果自行设置

axure8怎么制作tab菜单选中的效果?_第3张图片

4、其他菜单同理,都设置选中改变背景颜色效果。选中效果设置好了之后要设置触发选中的事件,选中我们用toggle selected事件,其他两个一样的设置

axure8怎么制作tab菜单选中的效果?_第4张图片

5、设置好了运行会发现点击了,其他不会失去选中效果,先要做如下设置,选中所有菜单,设置一个共同的组名,名字随便取,现在运行就达到了效果了

axure8怎么制作tab菜单选中的效果?_第5张图片

axure8怎么制作tab菜单选中的效果?_第6张图片

相关推荐:

Axure抽屉效果菜单效果该怎么制作?

Axure RP 8设计网页原型怎么添加水平菜单?

Axure怎么制作页面滚动时菜单固定在顶部的页面?

你可能感兴趣的:(axure8怎么制作tab菜单选中的效果?)