![Axure RP 原型设计实践(Web+APP)](https://wfqqreader-1252317822.image.myqcloud.com/cover/788/26688788/b_26688788.jpg)
上QQ阅读APP看书,第一时间看更新
3.4 树状菜单元件
树状菜单元件常用来表示带有树状形状的图,例如项目的组织结构图。从“元件库”面板拖动一个树状菜单元件到“页面设计”面板,如图3-31所示。
![](https://epubservercos.yuewen.com/6ACC54/15169318705331206/epubprivate/OEBPS/Images/46_02.jpg?sign=1738852203-ySHmiR7DxwlCCg57bV5SCgiH9OpJk81Y-0-eaf240153e8c62b040f88f18a6de12be)
图3-31 树状菜单元件(默认)
选中树状菜单元件的某个节点,例如“Item 1”,此时,“检视”面板的“属性”选项卡如图3-32所示。
可设置树状菜单元件的“鼠标单击时”“获取焦点时”“失去焦点时”“选中改变时”“选中时”“取消选中时”和“载入时”事件,也可设置展开/折叠的图标,并可进行“”(在上方添加节点)、“
”(在下方添加节点)、“
”(添加子节点)、“
”(删除节点)、“
”(上移)、“
”(下移)、“
”(右移)和“
”(左移)操作。
可通过如上操作设置图3-33所示的树状菜单元件。
![](https://epubservercos.yuewen.com/6ACC54/15169318705331206/epubprivate/OEBPS/Images/46_11.jpg?sign=1738852203-xNixEWZ08WjNzjGKR36H6cbljdcFJwrK-0-95c78aa21e397dee044e8d61bd1adc5d)
图3-32 设置树状菜单元件属性
![](https://epubservercos.yuewen.com/6ACC54/15169318705331206/epubprivate/OEBPS/Images/46_12.jpg?sign=1738852203-jgZgSHF9ypSdz3jnlv46QGJNj4wc8cb9-0-a61950e75e81fa39913828638e9165cf)
图3-33 树状菜单元件