【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高保真原型

猜你喜欢

转载自blog.csdn.net/mushe93/article/details/132674726
今日推荐