UI效果仿照前端element-UI的Tree控件

视图层

正常树形显示

这里显示十级 每级100条数据 总共1000条数据的效果图

WMZTreeViewParam *param =TreeViewParam() .wDataSet(@[TreeParam(),TreeParam()])
self.treeView = [[WMZTreeView alloc]initWithParam:param];
[self.view addSubview:self.treeView];

可选中树形+选中高亮显示

TreeViewParam()
 //可勾选
.wShowCheckboxSet(YES)
 //节点字体高亮颜色
.wHighlightCurrentSet(TreeColor(0x1d76db))

自定义节点内容+增删节点

TreeViewParam()
 //自定义节点内容
.wEventTreeCellSet(^UITableViewCell *(id model, NSIndexPath *path,UITableView *table,id param) {
      WMZMyCell *cell = [table dequeueReusableCellWithIdentifier:@"WMZMyCell"];
       if (!cell) {
          cell = [[WMZMyCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"WMZMyCell" parentModel:param];
        }
      cell.model = model;
      return cell;
 })

增删实例方法

/*
 *为 Tree 中的一个节点追加一个子节点
  @param currrentID 当前节点
  @param param 子节点数据
  @return BOOL 是否追加成功
 */
- (BOOL)append:(NSString*)currrentID node:(WMZTreeParam*)param;

/*
 *为 Tree 的一个节点的后面增加一个节点
  @param currrentID 当前节点
  @param param 子节点数据
  @return BOOL 是否追加成功
 */
- (BOOL)insertAfter:(NSString*)currrentID node:(WMZTreeParam*)param;

/*
 *为 Tree 的一个节点的前面增加一个节点
  @param currrentID 当前节点
  @param param 子节点数据
  @return BOOL 是否追加成功
 */
- (BOOL)insertBefore:(NSString*)currrentID node:(WMZTreeParam*)param;

/*
 *删除节点
  @param currrentID 当前节点
  @return BOOL 是否追加成功
 */
- (BOOL)remove:(NSString*)currrentID;

手风琴效果+指定层级可勾选 (这里选取3级结构,指定最后一级才可勾选)

//手风琴效果 同级只展开一级
TreeViewParam().wAccordionSet(YES)

//能否选择
TreeParam().canSelectSet(NO)

勾选不关联父节点和子节点+默认选中+默认全部展开

TreeViewParam()
//父节点和子节点 勾选不关联
.wCheckStrictlySet(NO)
//默认展开全部 
.wDefaultExpandAllSet(YES)
//默认勾选
.wDefaultExpandedKeysSet(@[@"5",@"10",@"12"])

开启拖拽

TreeViewParam()
//拖拽
.wDraggableSet(YES)

模型层

1 任意模型实现WMZTreeProcotol协议

参考WMZCustomModel

1.使用或继承WMZTreeParam （已经实现了WMZTreeProcotol协议）

WMZTreeParam *tree = WMZTreeParam.new;
tree.cueerntId =  @"1";
tree.parentId =  @"2";
tree.name =  @"第一级";

2.NSDictionary

    @[
        @{
            WMZTreeName:@"1级",
            WMZTreeCurrentId:@"1",
            WMZTreeChildren:@[
                    @{
                        WMZTreeName:@"1_2_1级",
                        WMZTreeCurrentId:@"1_2_1",
                        WMZTreeParentId:@"1",
                        WMZTreeChildren:@[
                                           @{
                                               WMZTreeName:@"1_3_1级",
                                               WMZTreeCurrentId:@"1_3_1",
                                               WMZTreeParentId:@"1_2_1",
                                           },
                                           @{
                                               WMZTreeName:@"1_3_2级",
                                               WMZTreeCurrentId:@"1_3_2",
                                               WMZTreeParentId:@"1_2_1",
                                           },
                                          @{
                                               WMZTreeName:@"1_3_3级",
                                               WMZTreeCurrentId:@"1_3_3",
                                               WMZTreeParentId:@"1_2_1",
                                           },
                                   ]
                    },
                    @{
                        WMZTreeName:@"1_2_2级",
                        WMZTreeCurrentId:@"1_2_2",
                        WMZTreeParentId:@"1",
                    },
                   @{
                        WMZTreeName:@"1_2_3级",
                        WMZTreeCurrentId:@"1_2_3",
                        WMZTreeParentId:@"1",
                    },
            ]
        },
        @{
            WMZTreeName:@"2级",
            WMZTreeCurrentId:@"2",
            WMZTreeChildren:@[
                    @{
                        WMZTreeName:@"2_2_1级",
                        WMZTreeCurrentId:@"2_2_1",
                        WMZTreeParentId:@"2",
                    },
                    @{
                        WMZTreeName:@"2_2_2级",
                        WMZTreeCurrentId:@"2_2_2",
                        WMZTreeParentId:@"2",
                    },
                   @{
                        WMZTreeName:@"2_2_3级",
                        WMZTreeCurrentId:@"2_2_3",
                        WMZTreeParentId:@"2",
                    },
            ]
        },
        @{
            WMZTreeName:@"3级",
            WMZTreeCurrentId:@"3",
            WMZTreeChildren:@[
                    @{
                        WMZTreeName:@"3_2_1级",
                        WMZTreeCurrentId:@"3_2_1",
                        WMZTreeParentId:@"3",
                    },
                    @{
                        WMZTreeName:@"3_2_2级",
                        WMZTreeCurrentId:@"3_2_2",
                        WMZTreeParentId:@"3",
                    },
                   @{
                        WMZTreeName:@"3_2_3级",
                        WMZTreeCurrentId:@"3_2_3",
                        WMZTreeParentId:@"3",
                    },
            ]
        }
    ]

配置参数

可配置参数	类型	作用
cueerntId	NSString	当前节点ID 必传
parentId	NSString	父节点ID,不传表示第一级
name	NSString	显示的文本
isExpand	BOOL	是否展开 默认NO
canSelect	BOOL	能否选中 默认NO
data	id	携带的其他数据

其他具体看demo

依赖

无任何依赖

安装

CocoaPods

1. 将 cocoapods 更新至最新版本.
2. 在 Podfile 中添加 pod 'WMZTreeView'。
3. 执行 pod install 或 pod update。
4. 导入 #import "WMZTreeView.h"。

手动安装

1. 下载 WMZTreeView 文件夹内的所有内容。
2. 将 WMZTreeView 内的源文件添加(拖放)到你的工程。
3. 导入 #import "WMZTreeView.h"

系统要求

该库最低支持 iOS 9.0 和 Xcode 9.0。

许可证

使用 MIT 许可证，详情见 LICENSE 文件。

个人主页

使用过程中如果有什么bug欢迎给我提issue 我看到就会解决 简书地址