UITableView滑动卡顿解决方案

转载自: http://blog.youkuaiyun.com/ahut_qyb_6737/article/details/40891683

UITableView是一个非常常用的基本视图，在各类app中随处可见。对于一般布局简单的tableView，性能上基本上看不出来什么问题。但是对于cell中视图繁多的tableView，有时候可能就会出现滑动不流畅的现象，以下是本人的一些解决方案，仅供参考。

     1."让出"主线程，让主线程减负。所谓"让出"主线程，指的是不要什么操作都放在主线程里。放在主线程中的一般都是视图相关的操作，比如添加子视图、更新子视图、删除子视图等。

[objc]  view plain  copy

1. dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{  
2.     //处理一些跟当前视图没关系的事情  
3.     //...  
4.       
5.     //只用来操作与当前视图有关系的事情，比如：刷新tableView  
6.     dispatch_async(dispatch_get_main_queue(), ^{  
7.         [tableView reload];  
8.     });  
9. });  

     2.正确重用cell。正确重用cell不仅仅要重用cell视图，还需要好好重用cell的子视图。

[objc]  view plain  copy

1. static NSString *Identifier = @"WeatherCell";  
2. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:Identifier];  
3. if (!cell) {  
4.     cell = [[UITableViewCell alloc] initWithStyle:<#(UITableViewCellStyle)#>   
5.                                   reuseIdentifier:<#(NSString *)#>]   
6. }  

上面的代码在有cell可重用的时候，不会再创建新的cell，但是下面的一句话基本上会让重用粉身碎骨。

[objc]  view plain  copy

1. //清空子视图  
2. [cell.contentView.subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOLBOOL *stop) {  
3.      [obj removeFromSuperview];  
4. }];  

上面这段代码之所以会出现，原因众所周知：cell重用时会出现重叠。"解决"了重叠问题，那么新问题来了，重新创建视图既消耗内存还占用时间，严重会出现滑动出现卡顿现象，而且都删除了重建还能叫重用么？

举例来说：

     对于上面这样的cell，虽然赶不上微博的复杂程度，但是子视图数量也是挺多的，不合理的处理，会使得页面滑动时有明显卡顿感。实现方案如下：

     1.图片实现异步下载、非主线程。

[objc]  view plain  copy

1. //门店商品图片描述  
2. UIImageView *imageView = (UIImageView *)[cell.contentView viewWithTag:Merchant_Table_Cell_Desc_Image_View_Tag];  
3. imageView.alpha = 1;  
4. [imageView setImageWithDict:[NSDictionary dictionaryWithObject:merchant.imageName?merchant.imageName:@"" forKey:@"file_name"]];  

此方法是UIImageView category中的一个方法，该方法的核心部分如下：

[objc]  view plain  copy

1.     //下载时让出主线程  
2.     dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{  
3.         //指示器  
4.         UIActivityIndicatorView *indicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];  
5.         indicator.frame = CGRectMake((self.frame.size.width - 30)/2 , (self.frame.size.height - 30)/2, 30, 30);  
6.         [indicator startAnimating];  
7.         [self addSubview:indicator];  
8.           
9.         //待加载图片的名称（我的车库图片为：cars/A3.jpg格式）  
10.         NSString *fileName = [dict valueForKey:@"file_name"];  
11.         //缓存文件全路径  
12.         NSString *filePath = [[datas objectForKey:@"documentPath"] stringByAppendingPathComponent:[fileName lastPathComponent]];  
13.           
14.         NSFileManager *manager = [NSFileManager defaultManager];  
15.         //下载文件接口不会创建上级目录，在调用之前创建文件夹路径  
16.         if (![manager fileExistsAtPath:filePath  isDirectory:NULL]) {  
17.             [manager createDirectoryAtPath:[datas objectForKey:@"documentPath"] withIntermediateDirectories:YES attributes:nil error:nil];  
18.         }  
19.           
20.         NSMutableDictionary *param = [[NSMutableDictionary alloc] init];  
21.         //下载的图片名  
22.         [param setValue:[dict valueForKey:@"file_name"] forKey:@"file_name"];  
23.         //下载图片保存的位置  
24.         [param setValue:filePath forKey:@"filePath"];  
25.         //从网络获取图片  
26.         [VICBaseService downloadFileWithDictionary:param andSuccessBlock:^{  
27.             //操作视图时，移除指示器、更新图片，拿到主线程来做  
28.             dispatch_async(dispatch_get_main_queue(), ^{  
29.                 [indicator removeFromSuperview];  
30.                 //从本地缓存中获取  
31.                 UIImage *image = [UIImage imageWithContentsOfFile:filePath]  
32.                   
33.                 if (!image) {  
34.                     [self setDefaultImage:nil withCustomerViewMode:flag andContentMode:mode];  
35.                 }else{  
36.                     self.image = image;  
37.                     [self customerImageViewMode:flag withContentMode:mode];  
38.                 }  
39.                   
40.             });  
41.               
42.         } andErrorBlock:^(NSError *error) {  
43.             //如果本地保存了不完整的图片，删除图片(不占用主线程)  
44.             if ([manager fileExistsAtPath:filePath  isDirectory:NULL]) {  
45.                 [manager removeItemAtPath:filePath error:nil];  
46.             }  
47. <pre name="code" class="objc">            //操作视图时，移除指示器、更新图片，拿到主线程来做  
48.             dispatch_async(dispatch_get_main_queue(), ^{  
49.                 [indicator removeFromSuperview];  
50.                   
51.                 [self setDefaultImageWithImage:image withCustomerViewMode:flag andContentMode:mode];  
52.                   
53.             });  
54.               
55.         } andProgressBlock:^(double progress) {  
56.               
57.         }];  
58.           
59.     });  

   

    2.重用cell并重用cell中的子视图。新建一个UITableViewCell的子类，重写下面的方法。

[objc]  view plain  copy

1. - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{  
2.     self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];  
3.       
4.     //门店商品图片描述  
5.     UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 87, 87)];  
6.     //设置子视图的tag，方便重用时后能获取  
7.     imageView.tag = Merchant_Table_Cell_Desc_Image_View_Tag;  
8.     [self.contentView addSubview:imageView];  
9.   
10.     //根据这个思路完成所有视图的构建  
11. }  

     在上述方法中，只设置基础属性，跟数据有关的属性放在-tableView:cellForRowAtIndexPath:中去做。上图中的"A"、"证"、"券"、"码"。"A"跟商家等级走的，可能是B、C或者是D，所以不用在重写的方法中实现该属性，而"证"、"券"、"码"可以直接写死在自定义的cell中。

 

   之前有说到重用cell时会遇到cell子视图重叠的问题或者其它问题，问题的根源都是由于重用时子视图的属性不会被重置。对于重叠问题，思路如下：创建cell时尽可能的使cell包含所有的子视图，并且在-tableView:cellForRowAtIndexPath:创建cell之后调用如下方法：

[objc]  view plain  copy

1. [cell.contentView.subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOLBOOL *stop) {  
2.     [obj setAlpha:0];  
3. }];  

不错，我们不再是把子视图移除，而是隐藏，我们只显示我们需要的视图，当前cell不需要的视图，我们不用去动它，更不要删除它，因为其它的cell如果会用到的话，就必须重新创建了，跟我们一开始的错误做法有什么区别呢？

[objc]  view plain  copy

1. UIImageView *imageView = (UIImageView *)[cell.contentView viewWithTag:Merchant_Table_Cell_Desc_Image_View_Tag];  
2. imageView.alpha = 1;//只显示我们需要的视图  
3. [imageView setImageWithDict:[NSDictionary dictionaryWithObject:merchant.imageName?merchant.imageName:@"" forKey:@"file_name"]];  

这样的话，我们重用cell容器，里面的子视图便不用重新创建，据测试，大量的创建再删除子视图会导致滑动具有明显卡顿感，并且有可能导致内存溢出。看看你的tableView是否也有这样情况，时间允许的话，拆掉这个破窗户吧。