首页 > 代码库 > AxureRP7.0基础教程系列 部件详解 树部件 Tree Widget

AxureRP7.0基础教程系列 部件详解 树部件 Tree Widget

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

Tree Widget 树部件



文件浏览

树部件可以用来模拟一个文件浏览器,点击不同的节点将隐藏和显示一个动态面板的不同状态。
当一个页面内有太多交互的时候,点击树节点也常被用来跳转到新页面。

 



编辑树节点

添加/删除树节点

右键点击一个节点,在弹出菜单中你可以添加/删除/移动节点。添加子节点将会添加到该节点的下一层。
在该节点前/后添加,是同级节点。



添加树节点图标

给你的树部件添加自定义图标,右键点击一个节点并选择编辑图标,导入一个图标,并选择应用到:该节点/同级节点或该节点、同级节点和所有子节点。关闭对话框,然后右键点击树 -- 编辑树属性,在弹出窗口中勾选显示图标。



自定义展开/收缩图标

点击右键 -- 编辑树属性,在弹出的对话框中或部件属性面板中,可自定义展开/收缩图标。



树节点的交互样式

树节点可以添加鼠标悬停时/鼠标按下时/选中时的样式,右键点击树节点选择交互样式,或者在部件属性面板中设置。

本帖分享可见的内容

案例下载


查看效果

 



树部件的局限性
1. 包含树部件的边框不能自定义格式。如果想制作自定义的树部件,请使用动态面板组合可以制作出你想要的效果。

2. 树节点可以上传图标,但是不能动态隐藏/显示嵌入到树节点中的部件。

AxureRP7.0基础教程系列 部件详解 树部件 Tree Widget