本教程介绍了如何在Axure RP9中使用经典菜单元件,包括添加和删除菜单项及子菜单,调整菜单边距填充,以及讨论了其局限性。用户可以通过右键操作自定义菜单结构,并理解何时需要自定义元件来实现更复杂的菜单样式。
单击右键可对菜单(包含子菜单)的边距进行设置,如下图所示。边距的设置可以使菜单本身与其他元件区分开来。
经典菜单(导航菜单)可以快速适用于低保真原型的设计,如果需要更高级的菜单样式,最好使用元件自行创建菜单。
如何用
Axure
制作上面效果的
菜单
栏?直接上步骤:新建1个母版(
菜单
栏模板)和5个页面(页面1——页面5),当点击
菜单
栏按键时,对应弹出页面效果
【母版制作】制作一个
菜单
框,拖一个矩形并输入“页面1”,再拖一个小图标和矩形做一个组合。
【母版制作】
菜单
框属性设置:矩形和小图标分别设置属性,属性为黑底白字,再设置鼠标悬停时为绿底白字,元件选中时黑底绿字。
【母版制作】
菜单
框交互设置1:矩形设置交互,如果当前组合的选中状态 == 真 ,则矩形设置为选中。小图标做相同交互设计。【母版制作】将上面
菜单
框复制5个,并
2、选中元件后,右侧样式包括:位置·尺寸、box、填充、阴影、边框、圆角半径、不透明、字体、行间距、项目符号、对齐、填充等,其中位置·尺寸、box、填充、阴影、边框、圆角半径、不透明等都是针对元件边框,而字体、行间距、项目符号、对齐、填充等则是针对元件中的文字。