UITableView滑动卡顿解决方案

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

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

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

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

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

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

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

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

举例来说：

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

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

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

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

    //下载时让出主线程    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{        //指示器        UIActivityIndicatorView *indicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];        indicator.frame = CGRectMake((self.frame.size.width - 30)/2 , (self.frame.size.height - 30)/2, 30, 30);        [indicator startAnimating];        [self addSubview:indicator];                //待加载图片的名称（我的车库图片为：cars/A3.jpg格式）        NSString *fileName = [dict valueForKey:@"file_name"];        //缓存文件全路径        NSString *filePath = [[datas objectForKey:@"documentPath"] stringByAppendingPathComponent:[fileName lastPathComponent]];                NSFileManager *manager = [NSFileManager defaultManager];        //下载文件接口不会创建上级目录，在调用之前创建文件夹路径        if (![manager fileExistsAtPath:filePath  isDirectory:NULL]) {            [manager createDirectoryAtPath:[datas objectForKey:@"documentPath"] withIntermediateDirectories:YES attributes:nil error:nil];        }                NSMutableDictionary *param = [[NSMutableDictionary alloc] init];        //下载的图片名        [param setValue:[dict valueForKey:@"file_name"] forKey:@"file_name"];        //下载图片保存的位置        [param setValue:filePath forKey:@"filePath"];        //从网络获取图片        [VICBaseService downloadFileWithDictionary:param andSuccessBlock:^{            //操作视图时，移除指示器、更新图片，拿到主线程来做            dispatch_async(dispatch_get_main_queue(), ^{                [indicator removeFromSuperview];                //从本地缓存中获取                UIImage *image = [UIImage imageWithContentsOfFile:filePath]                                if (!image) {                    [self setDefaultImage:nil withCustomerViewMode:flag andContentMode:mode];                }else{                    self.image = image;                    [self customerImageViewMode:flag withContentMode:mode];                }                            });                    } andErrorBlock:^(NSError *error) {            //如果本地保存了不完整的图片，删除图片(不占用主线程)            if ([manager fileExistsAtPath:filePath  isDirectory:NULL]) {                [manager removeItemAtPath:filePath error:nil];            }<pre name="code" class="objc">            //操作视图时，移除指示器、更新图片，拿到主线程来做            dispatch_async(dispatch_get_main_queue(), ^{                [indicator removeFromSuperview];                                [self setDefaultImageWithImage:image withCustomerViewMode:flag andContentMode:mode];                            });                    } andProgressBlock:^(double progress) {                    }];            });

   

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

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

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

 

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

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

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

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

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