将单元格滚动出视图后加载一行的 UITableView 内容

Question

问题是，在我将单元格滚动出视图后，单元格的内容会加载： 我不知道如何正确描述它，所以我录制了一个简短的 10 秒视频：http://youtu.be/GJouA3IXY0M

我不知道如何解决它......

这是我的 cellForRowAtIndexPath 方法：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    PlaylistenTableViewCell *cell = [self.playlistenTableView dequeueReusableCellWithIdentifier:@"Cell"];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;

    //titleLabel = label which shows the big headline
    cell.titleLabel.text = [self.JsonTitle objectAtIndex:indexPath.row];
    cell.titleLabel.layer.cornerRadius = 5;
    cell.titleLabel.layer.masksToBounds = YES;


    NSString *urlString = [self.JsonContent objectAtIndex:indexPath.row];
    NSURL *url = [NSURL URLWithString:urlString];

    NSData *data = [[NSData alloc] initWithContentsOfURL:url];
    UIImage *tmpImage = [[UIImage alloc] initWithData:data];


    //playlistThumbnailImageView = the imageVIew which shows the Image
    cell.playlistThumbnailImageView.image = tmpImage;
    [cell.playlistThumbnailImageView setOpaque:NO];
    [cell.playlistThumbnailImageView setBackgroundColor:color];
    cell.playlistThumbnailImageView.layer.cornerRadius = 5;
    cell.playlistThumbnailImageView.layer.masksToBounds = YES;
    cell.playlistThumbnailImageView.layer.borderWidth = 4.0;


    return cell;
}

Answer 1

您很可能正在使用后台线程重新加载表。使用主线程进行 UI 更新。因此，在后台获取数据后，请使用此代码。

dispatch_async(dispatch_get_main_queue(), ^{
        [self.myTableView reloadData];
    });

编辑：

由于您已经使用主线程重新加载表，我怀疑图像下载需要时间，进而阻塞线程。我还观察到您的视频中发生了一些故障。尝试使用异步方法下载图像并检查。 initWithContentsOfURL 会阻塞你的线程，在这个地方不是一个好的选择。

Answer 2

试试这个代码。如有任何疑问，请告诉我...

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    -------
    -------

    NSString *imageUrl = @"-- URL string --";

    NSURL *urlImage = [NSURL URLWithString:imageUrl];
    [imgVw setImage:[UIImage imageNamed:@"placeholder.png"]];

    dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0);
    dispatch_async(queue, ^{
        NSError* error = nil;
        NSData *imageData = [NSData dataWithContentsOfURL:urlImage options:nil error:&error];

        if(error){
            dispatch_sync(dispatch_get_main_queue(), ^{
                [imgVw setImage:[UIImage imageNamed:@"placeholder.png"]];
                [self.loadingIndicator stopAnimating];
                [[NSURLCache sharedURLCache] removeAllCachedResponses];
            });
        }else{
            UIImage *image = [UIImage imageWithData:imageData];

            dispatch_sync(dispatch_get_main_queue(), ^{
                [self.imgVw setImage:image];
                [self.loadingIndicator stopAnimating];
                [[NSURLCache sharedURLCache] removeAllCachedResponses];
            });
        }
    });
}