今天和大家分享树元件及应用案例的原型模板,包括结构树、多选树、树的应用案例,以及增、删、改、查、展开、折叠等效果,里面的树是通过中继器制作的,使用简单,只需要按要求填写中继器表格即可,案例中最高6级树,具体效果可以观看下方视频或者打开预览地址体验。
【原型预览及下载地址】
地址1:https://axhub.im/ax9/ac73b98a296b6a85/#g=1
备用地址:https://und1p0.axshare.com/#g=1
【原型效果】
【Axure高保真原型】树元件及应用案例
以下是部分效果
1、展开收起效果
点击可以切换展开或者收起子节点
2、多选效果
点击可以点击可以选中或取消选中已选节点及其子节点,对应的父节点也会根据子节点的选中情况进行反选,如果所有子节点都选中,就显示选中状态,如果只有部分子节点选中,就显示半选状态
3、搜索效果
输入关键词后点击搜索按钮,可以快速搜索到相关节点及其子节点
4、修改节点效果
第一种,直接在树节点中修改
第二种,在弹窗中修改
5、添加同级节点效果
第一种,直接在树节点中添加
第二种,在弹窗中添加
6、添加子级节点效果
第一种,直接在树节点中添加
第二种,在弹窗中添加
7、删除节点效果
第一种,直接在树节点中删除选中节点及其子节点
第二种,在弹窗里确认删除
树形表格案例效果
更多原型模板、视频、教程,请关注公众号:Axure高保真原型