美文网首页UITableView日常知识点收集
UITableView中的beginUpdates和endUpd

UITableView中的beginUpdates和endUpd

作者: 田英俊丶 | 来源:发表于2017-08-15 16:28 被阅读2558次

    最近做了个需求,需要在对tableview的行进行插入/删除操作的时候加上飞入飞出动画。故踩了一下关于beginUpdates和endUpdates的坑,这里记录一下
    beginUpdatesendUpdates必须成对使用

    self.tableView beginUpdates;
    // 操作数据源
    // 设置要插入/删除的位置
    // 调用插入/ 删除方法
    self.tableVIew endUpdates;
    

    如:

    [self.tableView beginUpdates];
    [self.dataSource insertObject:model atIndex:indexPath.row]; // 更新数据源
    NSMutableArray *indexPaths = [[NSMutableArray alloc]init];
    [indexPaths addObject:indexPath]; // 确定要插入的位置
    [self.tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationRight]; // 调用插入方法
    [self.tableView endUpdates];
    

    写到这里以后本以为可以一帆风顺的实现动画效果,可是我太年轻了,动画没生效!我当时就懵逼了,这不符合道理了,马上全世界爬技术贴、问答帖,依然无解。经过一番排查,发现问题所在,一个小马虎而已,希望有相似问题的朋友也长个心眼。

    我是将这段代码放在自己写的一个delegate回调中的,中间用到的model、indexPath等数据都由delegate传回,我是在另一个界面dismiss前调用的delegate方法

    [self.delegate didFinishEditParagraphWithCell:self.cell text:self.textView.attributedText.string model:self.model andIndexPath:self.cell.indexPath];
    [self dismissViewControllerAnimated:YES completion:nil];
    

    分析的结果是:插入动画执行了,在EditParagraph界面dismiss之前就执行了,所以它就完美地被遮挡了,当EditParagraph界面dismiss后就懵逼地看着动画结束后的tableView。

    所以,找到问题后只需要稍微调整一下代码:

    [self dismissViewControllerAnimated:YES completion:^{
            [self.delegate didFinishEditParagraphWithCell:self.cell text:self.textView.attributedText.string model:self.model andIndexPath:self.cell.indexPath];
        }];
    

    ok,动画问题解决了,这些应该完美了吧!事实告诉我,我还是太年轻,beginUpdatesendUpdates只会刷新当前显示的cell,当cell开始重用的时候就出现了一些奇怪的状况(跟cell定制有关,不一定会有问题),这时候最简单的方法就是把整个tableVIew reload一遍,可是如果在endUpdates后面reloadDatas,会把动画强行终止,所以我需要在插入动画结束后reloadDatas,stackoverflow发现了一个好东西:

    [CATransaction begin];  // 监听动画结束回调
        [CATransaction setCompletionBlock:^{
        // 动画结束
        }];
        [self.tableView beginUpdates]; 
        [self.tableView endUpdates];
    [CATransaction commit];
    

    简单的说就是:beginUpdatesendUpdates也是一组CATransaction事务。这样就可以拿到动画结束的Block,reload我的tableView啦。

    [CATransaction begin];  // 监听动画结束回调
        [CATransaction setCompletionBlock:^{
            [self.tableView reloadData];
        }];
            
        [self.tableView beginUpdates];
        [self.dataSource insertObject:model atIndex:indexPath.row];
        NSMutableArray *indexPaths = [[NSMutableArray alloc]init];
        [indexPaths addObject:indexPath];
        [self.tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationRight];
        [self.tableView endUpdates];
        [CATransaction commit];
    

    还有一点值得提的是:如果不需要进行插入和删除操作,仅仅是改变cell的高度,如点击cell后,被点击的cell高度变高,也可以用beginUpdatesendUpdates设置动画:

    [cell showAddView]; // 调用方法计算cell的高度
    [self.tableView beginUpdates];
    [self.tableView endUpdates];
    

    在这里beginUpdatesendUpdates中间不需要插入任何代码。

    相关文章

      网友评论

        本文标题:UITableView中的beginUpdates和endUpd

        本文链接:https://www.haomeiwen.com/subject/ezcvrxtx.html