产品经理实用手册:Axure RP原型设计实践(Web+App)
上QQ阅读APP看书,第一时间看更新

3.4 树状菜单元件

树状菜单元件常用来表示带有树状形状的图,例如项目的组织结构图。从“元件库”面板拖动一个树状菜单元件到“页面设计”面板,如图3-30所示。

图3-30 树状菜单元件(默认)

选中树状菜单元件的某个节点,例如“Item 1”,此时的“交互”面板如图3-31所示。

可设置树状菜单元件的“鼠标单击时”“获取焦点时”“失去焦点时”“选中改变时”“选中时”“取消选中时”和“载入时”事件,右击可进行“编辑树属性”“添加”“移动”“删除节点”和“编辑图标”操作。

可通过如上操作设置图3-32所示的树状菜单元件。

图3-31 设置树状菜单元件事件

图3-32 树状菜单元件