OStack程序员社区-中国程序员成长平台

标题: ios - 如何在 UITableView 中高效加载图片？ [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 17:50
标题: ios - 如何在 UITableView 中高效加载图片？

我有一个包含大量图像的 UITableView。

每个单元格将有 5 张图片，这些图片是从 Parse.com 随机加载的。

我现在的查询代码在 cellForRowAtIndexPath 中。

这会导致一些问题:

1.) 滚动表格时存在一些滞后/延迟。

2.) 现在由于某种奇怪的原因，图像没有显示在正确的位置。

3.) 每次滚动表格时，图像都会重新加载/更改。

我希望图像在此 UIView 上时“加载”一次，在正确的位置，并且滚动流畅。

处理这个问题的最佳方法是什么？

这是我如何加载图像的代码:

- (UITableViewCell *)tableViewUITableView *)tableView cellForRowAtIndexPathNSIndexPath *)indexPath
{

    // set up the cell here

    // query and display random images from parse.com
    PFQuery * query = [PFUser query];
    [query whereKey"category" equalTo:self.cell.label.text];
    [query findObjectsInBackgroundWithBlock:^(NSArray *objects, NSError *error) {

        if (error)
        {
            NSLog(@"Error: %@ %@", error, [error userInfo]);
        }
        else
        {
            for (int i = 0; i < objects.count; i++)
            {
                self.profilePicObject = [objects objectAtIndex:i];

                int imgRandom = arc4random() % [objects count];

                self.randomProfilePicObject = [objects objectAtIndex:imgRandom];

                self.imageFile = [self.randomProfilePicObject objectForKey"imageFile"];
                NSURL * imageFileURL = [[NSURL alloc] initWithString:self.imageFile.url];
                NSData * imageData = [NSData dataWithContentsOfURL:imageFileURL];
                UIImage * aImage = [[UIImage alloc] initWithData:imageData];

                self.cell.profilePicOne.image = aImage;
            }
    }

    return self.cell;

}

编辑:

我正在使用 SDWebImage 并且表格现在可以平滑滚动并显示图像。

新问题:

图片加载到错误的单元格中。

我正在查询表并将标签文本与我的 Parse 表中的正确字符串匹配，并使用它来显示正确的图像。

最初，有些图像会加载到正确的单元格中，而有些则不会。

当我滚动时，图像会到处出现。

解决此问题的最佳方法是什么？

这是我设置单元格的方式:

static NSString * cellIdentifier = @"FilterSelectCell";

self.cell = (FilterSelectCell *)[tableView dequeueReusableCellWithIdentifier:cellIdentifier];

    if (self.cell == nil)
    {
        NSArray * nib = [[NSBundle mainBundle] loadNibNamed"FilterSelectCell" owner:self options:nil];
        self.cell = [nib objectAtIndex:0];

        self.cell.profilePicOne.clipsToBounds = YES;
        self.cell.profilePicOne.layer.cornerRadius = 20.0;

        self.cell.profilePicTwo.clipsToBounds = YES;
        self.cell.profilePicTwo.layer.cornerRadius = 20.0;

        self.cell.profilePicThree.clipsToBounds = YES;
        self.cell.profilePicThree.layer.cornerRadius = 20.0;

        self.cell.profilePicFour.clipsToBounds = YES;
        self.cell.profilePicFour.layer.cornerRadius = 20.0;

        self.cell.profilePicFive.clipsToBounds = YES;
        self.cell.profilePicFive.layer.cornerRadius = 20.0;
    }

    self.cell.label.text = [self.myArray objectAtIndex:indexPath.row];

---

Best Answer-推荐答案

最好的解决方案是使用图像缓存系统(例如 SDWebImage)来防止对同一图像进行重复的 Web 查询。它非常易于使用，并允许您在从 URL 下载图像数据时使用占位符加载图像。它还异步加载图像，因此您的 UI 不会被阻塞，并且会在您的应用程序过载之前从缓存中释放图像。您只需像这样加载图像，SDWebImage 就会发挥作用:

[self.cell.profilePicOne setImageWithURL:imageFileURL placeholderImage:[UIImage imageNamed"LOADING_IMAGE.png"]];

SDWebImage Repository

关于ios - 如何在 UITableView 中高效加载图片？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20895880/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4