最近做了个需求,需要在对tableview的行进行插入/删除操作的时候加上飞入飞出动画。故踩了一下关于beginUpdates和endUpdates的坑,这里记录一下
beginUpdates
和endUpdates
必须成对使用
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,动画问题解决了,这些应该完美了吧!事实告诉我,我还是太年轻,beginUpdates
和endUpdates
只会刷新当前显示的cell,当cell开始重用的时候就出现了一些奇怪的状况(跟cell定制有关,不一定会有问题),这时候最简单的方法就是把整个tableVIew reload一遍,可是如果在endUpdates
后面reloadDatas,会把动画强行终止,所以我需要在插入动画结束后reloadDatas,stackoverflow发现了一个好东西:
[CATransaction begin]; // 监听动画结束回调
[CATransaction setCompletionBlock:^{
// 动画结束
}];
[self.tableView beginUpdates];
[self.tableView endUpdates];
[CATransaction commit];
简单的说就是:beginUpdates
和endUpdates
也是一组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高度变高,也可以用beginUpdates
和endUpdates
设置动画:
[cell showAddView]; // 调用方法计算cell的高度
[self.tableView beginUpdates];
[self.tableView endUpdates];
在这里beginUpdates
和endUpdates
中间不需要插入任何代码。