super 编辑:

好吧，经过几次不同的修改，我有一个更明确的问题。基本上我正在努力使用 NSCache。我有一个 Collection View ，如下所示，我希望能够最大程度地减少图像的滚动延迟，我大部分时间都在这样做。困难的部分是移动到全尺寸图像。这是另一种 View ，我希望过渡到全尺寸照片，就像 Apple 对他们的照片应用所做的那样。

似乎 Apple 正在缓存图像并以不同方式访问它们。我发现我需要加载原始缩略图，然后在下载全尺寸图像时我可以替换它。但我不确定该怎么做。

到目前为止我所拥有的是:

UICollectionview

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    self.myCache = [[NSCache alloc] init];

}

//Reusable cell structure
- (UICollectionViewCell *)collectionView:(UICollectionView *)cv cellForItemAtIndexPath:(NSIndexPath *)indexPath {

    //cell
    CoverPhotoCell *cell = [cv dequeueReusableCellWithReuseIdentifier:@"CoverImgCell" forIndexPath:indexPath];
    cell.backgroundColor = [UIColor blackColor];
    cell.clipsToBounds = YES;
    cell.opaque = YES;
    cell.layer.shouldRasterize = YES;
    cell.layer.rasterizationScale = [UIScreen mainScreen].scale;

    Media *object = [[Media alloc] init];
    object = [self.photoListArray objectAtIndex:indexPath.item];

    //Remove old cell
    for (UIView *subview in [cell subviews]){
        if (subview.tag != 0 )
        {
            [subview removeFromSuperview];
        }
    }

    //UIImage
    UIImage *thumbImg = [_myCache objectForKey:object.url];

    if (thumbImg) {

        cell.imageView.image = thumbImg;
    }
    else {

        cell.imageView.image = nil;

        UIImage *thumbImg = [[UIImage alloc] initWithCGImage:[object.asset aspectRatioThumbnail]];

        dispatch_async(dispatch_get_main_queue(), ^{
            cell.imageView.image = thumbImg;
        });

        [_myCache setObject:thumbImg forKey:object.url];

    }

    //thumbnail
    cell.imageView.tag = indexPath.row + 1;

    cell.imageView.layer.borderWidth = 5;
    cell.imageView.layer.borderColor = [UIColor whiteColor].CGColor;
    cell.imageView.contentMode = UIViewContentModeScaleAspectFit;

    cell.imageView.frame = CGRectMake(0, 0, 125, 125);

    return cell;
}

//User taps image
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    if ([segue.identifier isEqualToString:@"PhotoSegue"]) {
        DetailPageController *controller = segue.destinationViewController;

        NSIndexPath *selectedIndex = [self.collectionView indexPathsForSelectedItems][0];

        controller.initialIndex = (NSUInteger)selectedIndex.item;

        controller.photos = self.photoListArray;

    }
}

这就是我的 NSCache 代码，然后我使用 segue 到显示全分辨率照片的全 View Controller 。如何先加载缩略图，然后再加载全尺寸图像。

还有关于苹果如何如此快速地加载其图像的想法吗？他们是否使用不同的缓存方式？还是我做错了什么。

完善的编辑:

有人可以发布或至少向我指出一些示例代码，其中我在用户快速滚动时显示缩略图并在他们减速时加载实际图像，类似于我猜苹果电影预告片应用程序。

最佳答案

一个完整的代码答案对于 SO 来说太过分了。所以我尝试描述基础知识:

您应该创建自己的图像缓存。使用页面 ScrollView ，最多可以看到两个图像。在启用分页的 ScrollView 中查看照片，图像缓存必须至少保存三张全尺寸图像。

缓存的工作原理如下:

假设您有一个图像列表，可以通过与“相册查看器” ScrollView 中的位置相对应的索引来访问它。

从当前索引，(异步地)将图像加载到 index-1、index 和 index+1 的缓存中，除非该图像已存在于缓存中或索引超出范围。

当用户开始滚动时，下一张图片将变为可见。

当用户向前滚动并滚动半页时，当前索引 将增加 1。此时，可以看到两个图像 - 各占一半。现在，当索引发生变化时，您将当前索引 2 处的图像抛出，并在当前索引 + 1 处加载下一张图像。

当用户向后滚动时，索引会减一。您将 at index+2 抛出并加载当前 index-1 的相应图像。

您可以通过添加与上述完全相同的缩略 View 缓存来改进该方案，但使用的范围更广，比如提前加载 20 张图像。当尚未加载全尺寸图像时，使用缩略图作为“占位符”(注意:一切都应该是异步的)。

如果用户“快速”滚动，则不要加载完整尺寸的图像，只需等待速度降低到一定程度即可。您可以通过一些努力来确定滚动的速度。

如果用户滚动得非常快，那么即使是缩略图在应该显示时也不可用。然后，求助于静态占位符图像。 (还要注意不要用拇指图像覆盖全尺寸图像)。

关于ios - 平滑滚动 500 多张图片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18538467/