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是否也有这样情况,时间允许的话,拆掉这个破窗户吧。
展开阅读全文

没有更多推荐了,返回首页