- 产品经理实用手册:Axure RP原型设计实践(Web+App)
- 谢星星 李应玲编著
- 577字
- 2022-06-17 16:55:25
3.3 水平/垂直菜单元件
水平菜单元件用于创建一个多级别的水平菜单。水平菜单一般用于一级导航菜单,从“元件库”面板拖动一个水平菜单元件到“页面设计”面板,如图3-25所示。
选择图3-25的水平菜单元件的第一列“文件”后,可在“交互”面板中对其进行事件设置,如图3-26所示。
在该选项卡中,可设置该元件的“鼠标单击时”“获得焦点时”“失去焦点时”“选中改变时”“选中时”“取消选中时”和“载入时”事件。选择该水平菜单,右击可进行“编辑菜单填充”“后方添加菜单项”“前方添加菜单项”“删除菜单项”和“添加子菜单”操作。例如通过使用这些操作按钮可设置如图3-27所示的水平菜单。
图3-25 水平菜单元件
图3-26 设置水平菜单元件事件
图3-27 使用水平菜单元件设置水平菜单
垂直菜单元件用于创建一个多级别的垂直菜单。垂直菜单一般用在二级、三级导航菜单中,从“元件库”面板拖动一个垂直菜单元件到“页面设计”面板,如图3-28 所示,选择第一行“Item 1”后,可在“交互”面板中设置其事件信息,右击可进行添加菜单项、添加子菜单项和删除子菜单项等操作,并可选中某行后,输入文字信息设置菜单项名称。
图3-28 垂直菜单元件(默认)
通过以上相应操作设置可生成如图3-29所示的垂直菜单。
水平菜单元件和垂直菜单元件操作起来相对不便,在此仅做功能性的介绍,后续在实现一级菜单或二级、三级菜单时,采用的是另外的方式实现设计。
图3-29 使用垂直菜单元件设置垂直菜单