使用 url 图像平滑滚动的表格视图

Posted 2023-03-10

【中文标题】使用 url 图像平滑滚动的表格视图

【英文标题】：table view scrolling smooth with url images

【发布时间】：2014-06-08 19:30:04

【问题描述】：

我有一个从 url 地址加载标题和图像的表格视图。由于我添加了图像，因此滚动不流畅。我已将背景更改为清除。图像分辨率低。我更喜欢使用 url 访问它们，而不是下载图像并在应用程序上重新上传。期待您的解决方案，使滚动顺畅。谢谢

    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
TableCell *cell = [tableView dequeueReusableCellWithIdentifier:@"TableCell" forIndexPath:indexPath];
NSString *str = [[feeds objectAtIndex:indexPath.row] objectForKey: @"title"];
[[cell textLabel] setNumberOfLines:0]; // unlimited number of lines
[[cell textLabel] setFont:[UIFont systemFontOfSize: 16.0]];
cell.backgroundColor = [UIColor clearColor];
cell.contentView.backgroundColor = [UIColor clearColor];

cell.TitleLabel.text=str;

UIImage *pImage=[UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:feeds2[indexPath.row]]]];;
[cell.ThumbImage setImage:pImage];

return cell;

【问题讨论】：

在后台线程上加载图像，而不是在主线程上。

【参考方案1】：

在 cellForRowAtIndexPath 中替换您的代码：

在这行之后cell.TitleLabel.text=str;

这样你在后台加载每个图像，一旦加载，相应的单元格就会在 mainThread 上更新。

 dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^(void) 
        NSData *imgData =  NSData *imgData = [NSData dataWithContentsOfURL:[NSURL URLWithString:feeds2[indexPath.row]]];
        if (imgData) 
           UIImage *image = [UIImage imageWithData:imgData];

           dispatch_sync(dispatch_get_main_queue(), ^(void) 
             UIImage *image = [UIImage imageWithData:imgData];
                      if (image) 
                           cell.ThumbImage.image = image;
             
        );
    );

更好的办法是缓存图片，这样就不需要每次都下载，表格滚动。

这里有一些非常好的参考资料来实现这一点。

LazyTableImages Reference

SDWebImage

UIImageView+AFNetworking

【参考方案2】：

答案很简单，您必须使用NSOperation 实现加载，其中一个自定义类来处理您的下载，并将您的NSOperationQueue 设置为downloadQueue。每个UITableView 都是一个（子类）UIScrollView，因此您可以直接使用这些方法。

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView 

    [downloadQueue cancelAllOperations]; // clear your queue



- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate 

    if (!decelerate) 
        // start download only for visible cells
    


- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 

    // start download only for visible cells

有关更多详细信息，请访问this 教程。在那里您可以真正找到满足您需求的良好解决方案。