![产品经理实用手册:Axure RP原型设计实践(Web+App)](https://wfqqreader-1252317822.image.myqcloud.com/cover/253/44175253/b_44175253.jpg)
上QQ阅读APP看书,第一时间看更新
3.4 树状菜单元件
树状菜单元件常用来表示带有树状形状的图,例如项目的组织结构图。从“元件库”面板拖动一个树状菜单元件到“页面设计”面板,如图3-30所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/43_01.jpg?sign=1739398290-wvGOA2Dt1Acaa9AMv9nSWmynWfaGuTOy-0-fd6a37f868cb78a42f92e7375ae9074e)
图3-30 树状菜单元件(默认)
选中树状菜单元件的某个节点,例如“Item 1”,此时的“交互”面板如图3-31所示。
可设置树状菜单元件的“鼠标单击时”“获取焦点时”“失去焦点时”“选中改变时”“选中时”“取消选中时”和“载入时”事件,右击可进行“编辑树属性”“添加”“移动”“删除节点”和“编辑图标”操作。
可通过如上操作设置图3-32所示的树状菜单元件。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/43_02.jpg?sign=1739398290-iJlTsuYrHm1izpAzGMAtvWsjHZcUaplU-0-ddb52d88f55ed46f8e4a053cda0a46f2)
图3-31 设置树状菜单元件事件
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/43_03.jpg?sign=1739398290-t9cBvG5oke2Slt3KPZBUL0ZUG7ypwnvS-0-96c083a6d8a98a6325a5e4dbe4181e01)
图3-32 树状菜单元件