郑州iOS點 - 关于tableView 和 collectionView 在ReloadData时候闪烁的问题
2016-07-22 13:34
806 查看
今天讲一个小细节 reloadData;
reload算是项目里用到比较多的方法之一了.今天突然被人问到这个问题;
某猿:哎呀點呀,我这reload怎么老闪呀,各种行不通啊~~各种方法都试了一遍了,什么动画呀,delete&insert组合呀,怎么弄的哇,图片一闪一闪的难看死啦......
我: ...
----------< 割了 >----------
相信很多童鞋跟上面的某猿都用的是SD加载网络图片;
那么...
咱们就用SD来解决这个reload难看的问题;
翻SD...
没两分钟看出来一个东西;
缓存...
所以这是一个远在天边尽在眼前的方法:
[_ImgView sd_setImageWithURL:[NSURL URLWithString:model.imageUrl] placeholderImage:[[SDImageCache sharedImageCache] imageFromDiskCacheForKey:model.imageUrl]];
当然,这是一个比较消耗内存的方法,建议在图片比较少,appear即刷新或者静态页面去使用.列表刷新还是尽量多的去用局部刷新的方法:
reloadRowsAtIndexPaths:<#NSArray#> withRowAnimation:<#UITableViewRowAnimation#>
需要注意的其实就是加载数据和添加indexPath的关系上,毕竟用这个方法大多数的情境是加载更多数据的时候,所以用这个不会让已经加载过的数据再走一遍数据源.图片也就不会有意识形态上的闪烁了.而是在加载时逐渐显示.达到一个非常好的用户体验.
// M
NSArray *arr = [response objectForKey:@"QetPrds"];
for (NSDictionary *dic in arr) {
ExchangeModel *model = [[ExchangeModel alloc]initWithDictionary:dic];
[weakSelf.moreArr addObject:model];
}
// 添加index
NSMutableArray *indexPaths = [[NSMutableArray alloc] init];
for (int i = 0; i < weakSelf.moreArr.count; i++) {
NSIndexPath *indexPath = [NSIndexPath
indexPathForRow:self.dataArr.count+i inSection:0];
[indexPaths addObject: indexPath];
}
// 在原有数组基础上添加新加载的模型数组
[weakSelf.dataArr addObjectsFromArray:weakSelf.moreArr];
// 添加index
[weakSelf.eCV insertItemsAtIndexPaths:indexPaths];
// 局部reload(亦可添加layer动画)
[UIView performWithoutAnimation:^{
[weakSelf.eCV reloadItemsAtIndexPaths:indexPaths];
}];
reload算是项目里用到比较多的方法之一了.今天突然被人问到这个问题;
某猿:哎呀點呀,我这reload怎么老闪呀,各种行不通啊~~各种方法都试了一遍了,什么动画呀,delete&insert组合呀,怎么弄的哇,图片一闪一闪的难看死啦......
我: ...
----------< 割了 >----------
相信很多童鞋跟上面的某猿都用的是SD加载网络图片;
那么...
咱们就用SD来解决这个reload难看的问题;
翻SD...
没两分钟看出来一个东西;
缓存...
所以这是一个远在天边尽在眼前的方法:
[_ImgView sd_setImageWithURL:[NSURL URLWithString:model.imageUrl] placeholderImage:[[SDImageCache sharedImageCache] imageFromDiskCacheForKey:model.imageUrl]];
当然,这是一个比较消耗内存的方法,建议在图片比较少,appear即刷新或者静态页面去使用.列表刷新还是尽量多的去用局部刷新的方法:
reloadRowsAtIndexPaths:<#NSArray#> withRowAnimation:<#UITableViewRowAnimation#>
需要注意的其实就是加载数据和添加indexPath的关系上,毕竟用这个方法大多数的情境是加载更多数据的时候,所以用这个不会让已经加载过的数据再走一遍数据源.图片也就不会有意识形态上的闪烁了.而是在加载时逐渐显示.达到一个非常好的用户体验.
// M
NSArray *arr = [response objectForKey:@"QetPrds"];
for (NSDictionary *dic in arr) {
ExchangeModel *model = [[ExchangeModel alloc]initWithDictionary:dic];
[weakSelf.moreArr addObject:model];
}
// 添加index
NSMutableArray *indexPaths = [[NSMutableArray alloc] init];
for (int i = 0; i < weakSelf.moreArr.count; i++) {
NSIndexPath *indexPath = [NSIndexPath
indexPathForRow:self.dataArr.count+i inSection:0];
[indexPaths addObject: indexPath];
}
// 在原有数组基础上添加新加载的模型数组
[weakSelf.dataArr addObjectsFromArray:weakSelf.moreArr];
// 添加index
[weakSelf.eCV insertItemsAtIndexPaths:indexPaths];
// 局部reload(亦可添加layer动画)
[UIView performWithoutAnimation:^{
[weakSelf.eCV reloadItemsAtIndexPaths:indexPaths];
}];
相关文章推荐
- iOS开发瀑布流的实现
- iOS开发中<null>的处理
- iOS开发~视频处理
- 关于输出格式的一些总结——cout
- ios-单元格复用
- iOS之 深究extern,static的用法和作用
- iOS:使用Github托管自己本地的项目代码方式一:(Xcode方式:开发工具Xcode配置Git,由Xcode-->Source Control-->Commit)
- iOS走马灯上下滚动显示文本
- 沙盒开机动画简单demon
- iOS:使用贝塞尔曲线绘制图表(折线图、柱状图、饼状图)
- SDWebImage底层实现原理及内部实现过程
- iOS开发用Eventkit向日历和提醒事项中加入事件和闹铃
- iOS之TableViewCell加载动画
- iOS开发-自定义控件的方式及注意
- IOS 实现简单的弹幕功能
- iOS状态栏效果 指示器 开源框架 附有Demo
- IOS 应用内显示 AppStore 某个应用的详情
- iOS NSTimer 定时器用法总结
- ios页面间跳转方式总结
- iOS 项目经验总结