在 iPad 上浏览多个全屏图像的性能

Question

我需要让用户通过点击来前后导航不同的图像（从 10 到 20）。
所有图像都是 1024x768 JPG，因此我不需要调整它们的大小或转换它们。
它们之间没有动画（我将使用 removeFromSuperView 和 addSubView 切换它们）。
我想要的只是避免加载时间或无响应的触摸，所以我实际上正在考虑这些可能的解决方案：

1. 点击时单独加载每个图像；
2. 加载 3 张图像：上一张、实际图像和下一张；
3. 加载包含所有图像的数组或 uiviewimage 并迭代它；

我将避免使用 imageNamed，并使用 imageWithContentOfFile 或 imageWithData。
您认为哪种解决方案是最好的？
解决方案 1. 和 3. 会带来一些性能问题吗？

Answer 1

方法 1 会很好：iOS 设备可以非常快地加载全屏图像。特别是当你的图像没有 Alpha 时。这取决于图像，但经典 png 大约需要 0.05 秒。这意味着如果您在点击后必须进行更改，特别是在图像之间进行淡入淡出过渡时，用户将不会注意到等待时间。

如果用户可以滚动图像，事情会变得更加困难。在这种情况下，我建议使用 UITableView。它们的行为类似于 UISCrollView，并且可以快速、平稳地加载/卸载页面。

要获得水平表格视图，您可以使用完美运行的代码： https://github.com/alekseyn/EasyTableView

Answer 2

如果图像数量的上限是 20，只需预加载 UIImage 数组，并在响应触摸时设置 UIImageView.image 属性 - 不必担心交换视图，重用单个 UIImageView 就可以了。

我不会担心性能，除非上限提高得多 - 如果确实如此，像选项 2 这样的动态缓存将是更好的选择，但需要更多的编程。

如果您担心面向应用程序商店的 iPad 应用程序的性能，请务必记住在第一代 iPad 上进行测试，因为在第一代 iPad 上性能有了很大的提升。

Answer 3

我以前确实这样做过。对于大图像，您必须小心记忆。我最初将所有图像加载到 NSArray 中，但遇到了内存警告和崩溃。

我的实现使用带有分页功能的 UIScrollView。我必须数组，一个包含所有图像名称，另一个是可变的并且仅包含一些 UIImageView。我记录滚动视图所在的当前“页面”，当我落在图像上时，我确保可变数组包含该图像及其两侧的两个图像（并从数组中删除任何其他图像）。

此实现的问题是您必须不断从磁盘读取图像，这在主线程上会很慢。所以当我最初创建 UIImageViews 时，我向它们添加了一个 UIActivityIndi​​cator 。然后，我将 UIImageViews 数组传递给后台的一个方法，该方法实际加载 UIImage，然后使相应的 UIImageView 在主线程上设置图像，如下所示：

// called before you try to load an image in a background thread
    [imageView addObserver:self forKeyPath:@"image" options:NSKeyValueObservingOptionNew|NSKeyValueObservingOptionOld context:nil];

// called in the background thread after you load the image from disk
    [imageView performSelectorOnMainThread:@selector(setImage:) withObject:fullImage waitUntilDone:NO];`


    - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
        UIImageView *imageView = (UIImageView *)object;
        [[imageView viewWithTag:1] removeFromSuperview]; // this is the activity indicator
        [imageView removeObserver:self forKeyPath:@"image"];
    }