objective-c - UITableView block 仍然很慢

Question

所以我的应用程序中有一个 tableView，它基本上运行来自 Facebook 的一些用户 friend 的姓名和图像。问题是当我上下拖动 tableView 时，它很慢而且不像它应该的那样流畅，尽管我使用 block 从 Facebook 上传图像 - 所以它是异步的。现在，在我实现阻止从 Facebook 上传图片后，它比阻止之前运行得更快 - 但仍然不够流畅。

有人知道怎么处理吗？这是我的一些代码:

cellForRowAtIndexPath:

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
   UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"friendCell"];
   if (cell == nil) {
      cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
                                          reuseIdentifier:@"friendCell"];
      [friendsTableView reloadData];
   }

   //set data for user's friends images
   NSURL *url;
   NSString *stringID;
   stringID = [[NSString alloc]initWithFormat:@"https://graph.facebook.com/%@/picture?type=square",facebookFriendsID[indexPath.row] ];
   url = [NSURL URLWithString:stringID];

   //Calling block function to hendle user's friends images from facebook
   [self downloadImageWithURL:url :stringID :cell completionBlock:^(BOOL succeeded, UIImage *image) {
       if (succeeded) {
          cell.imageView.image = image;
       }
   }];

   //For friends name...
   cell.textLabel.text = facebookFriendsName[indexPath.row];
   cell.textLabel.font = [UIFont fontWithName:@"Noteworthy" size:17.0f];
   [cell setSelectionStyle:UITableViewCellSelectionStyleNone];
   cell.imageView.layer.masksToBounds = YES;
   cell.imageView.layer.cornerRadius = 25.0;

   return cell;

}

和 downloadImage block :

//For upload the images from Facebook asynchrony- using block.
- (void)downloadImageWithURL:(NSURL *)url : (NSString *)string : (UITableViewCell *)cell completionBlock:(void (^)(BOOL succeeded, UIImage *image))completionBlock
{

   NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url];
   [NSURLConnection sendAsynchronousRequest:request
                                   queue:[NSOperationQueue mainQueue]
                       completionHandler:^(NSURLResponse *response, NSData *data, NSError *error) {
                           if ( !error )
                           {
                               UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:url]];

                               completionBlock(YES,image);

                           } else{
                               completionBlock(NO,nil);
                           }
                       }];
}

谢谢! :)

Answer 1

您的代码有 4 个问题，所有这些问题都是造成速度缓慢的原因:

1. 删除 [friendsTableView reloadData]; - 永远不要从 cellForRowAtIndexPath: 中重新加载表格。

2. 您不应在完成 block 中引用 cell:

   [self downloadImageWithURL:url :stringID :cell completionBlock:^(BOOL succeeded, UIImage *image) {
       if (succeeded) {
           cell.imageView.image = image;
       }
   }];
   

   当您下载图像时，cell 可能已被重复使用并显示不同的内容。这可能会导致出现错误的头像图像。相反，使用 indexPath 通过调用 UITableViewCell *currentCell = [tableView cellForRowAtIndexPath:indexPath]; 获取当前单元格并在其上设置图像。

3. 每次出现一个单元格时，您都在创建一个新的网络请求。如果用户滚动速度非常快，您将同时收到大量网络请求。当 ScrollView 变慢时，您可能希望在 scrollViewDidScroll: 中启动网络请求。
4. 您没有删除重复的网络请求。如果用户非常快地上下滚动，他们将对同一个 URL 生成大量网络请求。您需要缓存已下载的图像，并在已发出网络请求时使用这些图像。*

SDWebImage 库已经解决了所有这些问题；您可能只是想使用它而不是重新发明轮子。至少，值得阅读他们的代码:https://github.com/rs/SDWebImage

---

* - NSURLCache 可能会为您缓存图像，具体取决于服务器的 cache-control header 。但即便如此，这个缓存还是很慢(它缓存的是 NSData 表示，而不是 UIImage 表示)，并且 NSURLConnection 不会阻止您同时启动 4 个相同的请求。