如何制作具有快速显示的大图像的 UIScrollView（如 Photos.app）？

Question

我正在尝试制作一个简单的图像查看器来查看 ALAssetRepresentation 的全分辨率图像。事实证明事情并没有那么简单。

我的第一个方法是在 UIScrollView 中创建一个大的 UIImageView。虽然这确实有效，但速度非常慢。

使用“照片”应用程序时，当您触摸图像时，会立即打开较大的版本。首先，绘制的是分辨率非常低的图像。但很快，一张更高分辨率的图像出现了。另外，如果我放大，图像首先会降低分辨率，然后分辨率会增加。

我查看了 WWDC 2010 主题演讲 #104，其中描述了 Photos.app 的工作原理。但我该如何实施呢？在主题演讲中，演示使用了预平铺图像，这是我无法从 ALAssetRepresentation 中获得的东西。我尝试过加载全分辨率版本并使用 CATiledLayer 进行绘制，虽然缩放等速度并不慢，但绘制图块时却太慢了。

Photos.app 是否在某处缓存了所有图像的较低分辨率版本，或者发生了什么？关于该怎么做的一些指示会很有帮助。

Answer 1

是的，Photos.app 正在缓存较低分辨率的图像。好消息是您也可以获取这些缓存版本。您可能已经了解 ALAssetRepresentation 的 fullScreenImage 属性和 ALAsset 的缩略图属性。这些应该加载得更快。

我发现高分辨率图像仅加载可能需要 1-2 秒，因此我猜测仅在后台加载高分辨率图像可能会为您带来帮助。

那么，如何加载低分辨率版本的图像，然后在有 i 时切换到高分辨率版本呢？它可能有点复杂，但希望这可以帮助您入门。由于您使用的是 AssetsLibrary，因此您将必须使用 iOS 4，这是个好消息，因为您可以使用块和 GCD/libdispatch 相当轻松地完成此操作。我很高兴您正在观看 WWDC 视频 - 请查看第 206 和 211 场会议，了解有关 GCD 的大量重要信息。

基本思想是，您将在主线程上显示较低分辨率的版本，然后要求后台线程加载全分辨率图像，然后告诉 CATiledLayer 切换到全分辨率图像。

- (void)displayAsset:(ALAssetRepresentation *)asset {
  UIImage *lowresImage = [UIImage imageWithCGImage:asset.fullScreenImage
                               orientation:asset.orientation scale:asset.scale];
  // Add code here to display the lowresImage

  dispatch_async( dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0),
    ^ {
      // Load the full resolution image from the asset
      UIImage *highresImage = [UIImage imageWithCGImage:asset.fullResolutionImage
                                   orientation:asset.orientation
                                   scale:asset.scale];

      // Once done, tell the main thread to display the tiles
      dispatch_async( dispatch_get_main_queue(),
        ^ {
          // Code to swap out the lowresImage for highresImage
        });
    });

}