Axure RP9——【导航栏二级菜单的展开效果】

导航栏二级菜单的展开效果

Navigation Bar · secondary menu

Here's how I want things to unfold.

 

目录

导航栏二级菜单的展开效果

Navigation Bar · secondary menu

I.展示效果

II.实例

---

I.展示效果

Axure RP9 导航栏二级菜单展示效果

 

II.实例

1.需求：

①点击一级菜单的时候，可以显示出二级菜单；再次点击即可复原

   

②对二级菜单，可以设置交互，鼠标点击或者移动等等时，会有选中效果

2.步骤

（1）放置元件：

放文本框或者直接按钮，调整字体，样式即可

（2）把二级菜单，选中，转换为动态面板；并进行命名“二级菜单面板”，默认为隐藏状态

（3）设置交互

①对一级菜单：单击时——显示/隐藏——切换——目标：动态面板

      

②对二级菜单：进入动态面板的编辑状态；对子分类分别进行设置

先设置一个交互样式，选中时候的状态：这里设置的是，选中状态时，颜色为浅蓝

设置动作：可以根据需求进行不同的设定即可。自由发挥，整齐划一即可。

注：目标要选 当前元件

③将二级菜单，合并为1个选项组：

选项组是为了只有一个可选项

（4）都设置完成后，将一级菜单及对应的二级菜单都分为组合成一个组；并进行命名即可。

.Axure9.0教程