【Axure高保真原型】树元件及应用案例

今天和大家分享树元件及应用案例的原型模板，包括结构树、多选树、树的应用案例，以及增、删、改、查、展开、折叠等效果，里面的树是通过中继器制作的，使用简单，只需要按要求填写中继器表格即可，案例中最高6级树，具体效果可以观看下方视频或者打开预览地址体验。

【原型预览及下载地址】

地址1：https://axhub.im/ax9/ac73b98a296b6a85/#g=1

备用地址：https://und1p0.axshare.com/#g=1

【原型效果】

【Axure高保真原型】树元件及应用案例

以下是部分效果

1、展开收起效果

点击可以切换展开或者收起子节点

2、多选效果

点击可以点击可以选中或取消选中已选节点及其子节点，对应的父节点也会根据子节点的选中情况进行反选，如果所有子节点都选中，就显示选中状态，如果只有部分子节点选中，就显示半选状态

3、搜索效果

输入关键词后点击搜索按钮，可以快速搜索到相关节点及其子节点

4、修改节点效果

第一种，直接在树节点中修改

第二种，在弹窗中修改

5、添加同级节点效果

第一种，直接在树节点中添加

第二种，在弹窗中添加

6、添加子级节点效果

第一种，直接在树节点中添加

第二种，在弹窗中添加

7、删除节点效果

第一种，直接在树节点中删除选中节点及其子节点

第二种，在弹窗里确认删除

树形表格案例效果

更多原型模板、视频、教程，请关注公众号：Axure高保真原型