郑州iOS點 - 关于tableView 和 collectionView 在ReloadData时候闪烁的问题

今天讲一个小细节 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];

                    }];