RATree应用-无限级增删改节点

       RATree是一个树形视图三方库,可以在GitHub上下载,这个三方库是通过对UITabelview的封装来实现了一个多层级、无限制的自定义视图。你可以利用它来实现多种UI效果,这里我实现了一个公司组织结构增、删、改的功能。

增删改效果图.gif

       关于RATree的使用,官方有一个英文的文档说明,看起来比较费劲,我的小伙伴写了一篇文章基本上讲明白了怎么个使用,有兴趣的童鞋可以参考文章iOS树状视图(折叠单元格)详细使用

Demo思想

数据源

       RATree的数据源@property (strong,nonatomic) NSMutableArray *dataSource;看起来可以和UITableView的数据源一样,但是意义不同,数组中每个元素在UITableView中一般指代每一行,而在RATree中指代的是几个根节点,这个Demo中相当于只有一个元素(Model),再来看一下Model的创建。

#import <Foundation/Foundation.h>

@interface CellModel : NSObject

@property (strong, nonatomic) NSString *name;

@property (strong, nonatomic) NSMutableArray *children;

- (id)initWithName:(NSString *)name children:(NSMutableArray *)array;


@end

       解释一下name就是这一行的标题,你当然也可以设置的更花哨,完全由你的界面决定。但children又是一个数组,就是子节点们,可以有很多,也可以是空。模型就是这样创建的,这个Demo中一开始初始化的时候,dataSource中就一个CellModelchildren初始化了一下,但是没有东西。添加子节点,实际上就是对它的Model的children添加元素,元素的类型还是CellModel类型。

代理方法

       数据源的问题解决后,关键是怎么使用RATreeView的RATreeDelegateRATreeDataSource

#pragma mark- RATree的dataSouce
- (NSInteger)treeView:(RATreeView *)treeView numberOfChildrenOfItem:(nullable id)item
{
        if (item == nil)
        {
            return self.dataSource.count;
        }
        CellModel *model = (CellModel *)item;
    
        return model.children.count;
    
    
}



- (UITableViewCell *)treeView:(RATreeView *)treeView cellForItem:(nullable id)item
{
    TreeTableViewCell *cell = [treeView dequeueReusableCellWithIdentifier:@"TreeTableViewCell"];
    
    cell.delegate = self;
    
    NSUInteger level = [treeView levelForCellForItem:item];
    
    BOOL isExpand = [treeView isCellForItemExpanded:item];
    
    [cell refreshCellWithItem:item andLevel:level andIsExpand:isExpand];
    
    return cell;
}


- (id)treeView:(RATreeView *)treeView child:(NSInteger)index ofItem:(nullable id)item
{
    if (item == nil) {
        
        return self.dataSource[index];
    }
    
    CellModel *model = (CellModel *)item;
    
    return model.children[index];
}


- (CGFloat)treeView:(RATreeView *)treeView heightForRowForItem:(id)item
{

    return 50;
}


//将要展开
- (void)treeView:(RATreeView *)treeView willExpandRowForItem:(id)item {
    
    

        TreeTableViewCell *cell = (TreeTableViewCell *)[treeView cellForItem:item];
        
        cell.imgView.image = [UIImage imageNamed:@"header_arrow_down"];
    
}
//将要收缩
- (void)treeView:(RATreeView *)treeView willCollapseRowForItem:(id)item {
    
    
    TreeTableViewCell *cell = (TreeTableViewCell *)[treeView cellForItem:item];
    
    cell.imgView.image = [UIImage imageNamed:@"header_arrow_right"];
}


- (void)treeView:(RATreeView *)treeView didSelectRowForItem:(id)item
{

    [treeView deselectRowForItem:item animated:NO];
}


#pragma mark - TreeTableViewCell的delegate

-(void)clickTheBtn:(UIButton *)btn withTitle:(NSString *)name inTheCell:(TreeTableViewCell *)cell
{
    if ([name isEqualToString:@"增加"]) {
        
        [self addNodeToCell:cell];
        
    }
    else if([name isEqualToString:@"删除"])
    {
        [self deleteNoteFromCell:cell];
    }
    else
    {
        [self editNoteToCell:cell];
    }

}

       UITableView的代理方法里,有俩个必须实现的方法,而在RATree里面有是三个。关键是这三个都什么意思,明白了就知道该怎么写了。按三个代理方法被调用的先后顺序来说明一下

  1. - (NSInteger)treeView:(RATreeView *)treeView numberOfChildrenOfItem:(nullable id)item
           这个方法实际上它回调回来给你的参数有treeViewitemtreeView没什么好说的,告诉你是哪个treeView,item其实返回的是你当前视图这一行(不论父节点还是子节点)的父亲节点对象。当最开始的根节点的时候,item返回的是nil,其他情况下就会返回父节点对象。然后代理方法问你要这个item孩子们有几个?你告诉它就是了,return出去。
  2. - (id)treeView:(RATreeView *)treeView child:(NSInteger)index ofItem:(nullable id)item
           这个方法紧接着被调用,简单的来说他给你的参数item还是当前视图这一行的父节点Model,如果是空,就代表当前视图是根节点。index实际上是告诉你这一次的回调是第几个孩子的回调。说白了就是它告诉你哪个treeView下哪个节点(item)的第几个(index)孩子,是个什么对象(model)?你return这个对象(model)就行了。
  3. - (UITableViewCell *)treeView:(RATreeView *)treeView cellForItem:(nullable id)item
           这方法一看就是到它是问你要Cell呢,告诉你哪个treeView,哪个模型Model(其实也全靠第2个代理方法你return的,它才知道),然后问你要Cell。这里实际上和UITableView不同,更直接的告诉你Model了,咱们以前都是self.dataSouce[indexPath.row]来找到模型,这个封装的直接告诉你模型了(item)很爽吧。

总结

       其他的代理方法和自身的方法不说了自己研究吧,都可以看名字猜意思。至于增删改的思路就是,点击cell的事件全部回调到controller去执行,然后顺便把自己(也就是self)当参数回调出去,然后。然后通过数据源找到对应的模型,修改就是了,然后刷新。思路就是,视图永远跟着模型走,要改什么不要去改界面,去改模型,然后刷页面,这样就不会错了,尤其是在这种复用的机制下。我觉得这个三方库一开始看我也很头疼,和小伙伴研究了一下总算理清楚思路了,只要把数据源和三个代理方法掌握了,就一切OK了。

Demo的下载地址:https://github.com/iOSKesai/RATreeDemo.git

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,585评论 4 365
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,923评论 1 301
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,314评论 0 248
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,346评论 0 214
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,718评论 3 291
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,828评论 1 223
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,020评论 2 315
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,758评论 0 204
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,486评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,722评论 2 251
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,196评论 1 262
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,546评论 3 258
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,211评论 3 240
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,132评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,916评论 0 200
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,904评论 2 283
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,758评论 2 274

推荐阅读更多精彩内容