导航栏二级菜单的展开效果
Navigation Bar · secondary menu
Here's how I want things to unfold.
目录
I.展示效果
Axure RP9 导航栏二级菜单展示效果
II.实例
1.需求:
①点击一级菜单的时候,可以显示出二级菜单;再次点击即可复原
②对二级菜单,可以设置交互,鼠标点击或者移动等等时,会有选中效果
2.步骤
(1)放置元件:
放文本框或者直接按钮,调整字体,样式即可
(2)把二级菜单,选中,转换为动态面板;并进行命名“二级菜单面板”,默认为隐藏状态
(3)设置交互
①对一级菜单:单击时——显示/隐藏——切换——目标:动态面板
②对二级菜单:进入动态面板的编辑状态;对子分类分别进行设置
先设置一个交互样式,选中时候的状态:这里设置的是,选中状态时,颜色为浅蓝
设置动作:可以根据需求进行不同的设定即可。自由发挥,整齐划一即可。
注:目标要选 当前元件
③将二级菜单,合并为1个选项组:
选项组是为了只有一个可选项
(4)都设置完成后,将一级菜单及对应的二级菜单都分为组合成一个组;并进行命名即可。
.Axure9.0教程