ios - 如何在 UIImageView 中异步加载图像？

Question

我有一个带有 UIImageView subview 的 UIView。我需要在不阻塞 UI 的情况下在 UIImageView 中加载图像。阻塞调用似乎是:UIImage imageNamed: .这是我认为解决这个问题的方法:

-(void)updateImageViewContent {
    dispatch_async(
        dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^{
        UIImage * img = [UIImage imageNamed:@"background.jpg"];
        dispatch_sync(dispatch_get_main_queue(), ^{
            [[self imageView] setImage:img];
        });
    });
}

图片很小 (150x100)。

但是，加载图像时 UI 仍然被阻塞。我错过了什么？

这是一个展示这种行为的小代码示例:

基于 UIImageView 创建一个新类，将其用户交互设置为 YES，在 UIView 中添加两个实例，并实现其 touchesBegan 方法，如下所示:

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    if (self.tag == 1) {
        self.backgroundColor= [UIColor redColor];
    }

    else {
    dispatch_async(dispatch_get_main_queue(), ^{
    [self setImage:[UIImage imageNamed:@"woodenTile.jpg"]];
  });
    [UIView animateWithDuration:0.25 animations:
        ^(){[self setFrame:CGRectInset(self.frame, 50, 50)];}];
    }
}

将标记 1 分配给这些 imageView 之一。

从加载图像的 View 开始，几乎同时点击这两个 View 会发生什么？ UI 是否因为等待 [self setImage:[UIImage imageNamed:@"woodenTile.jpg"]]; 而被阻塞返回 ？如果是这样，我该如何异步执行此操作？

这是一个project on github使用 ipmcc 代码

长按然后拖动以在黑色方 block 周围绘制一个矩形。据我了解他的回答，理论上白色选择矩形不应该在第一次加载图像时被阻挡，但实际上是这样。

项目中包含两张图片(一张小图片:woodenTile.jpg 一张大图片:bois.jpg)。两者的结果相同。

图片格式

我真的不明白这与我仍然遇到的问题有什么关系，在第一次加载图像时 UI 被阻塞，但是 PNG 图像解码时不会阻塞 UI，而 JPG 图像会阻塞 UI .

事件年表

UI 的阻塞从这里开始..

.. 到此结束。

AFNetworking解决方案

    NSURL * url =  [ [NSBundle mainBundle]URLForResource:@"bois" withExtension:@"jpg"];
    NSURLRequest * request = [NSURLRequest requestWithURL:url];
    [self.imageView setImageWithURLRequest:request
                          placeholderImage:[UIImage imageNamed:@"placeholder.png"]
                                   success:^(NSURLRequest *request, NSHTTPURLResponse *response, UIImage *image) {
                                       NSLog(@"success: %@", NSStringFromCGSize([image size]));
                                   } failure:^(NSURLRequest *request, NSHTTPURLResponse *response, NSError *error) {
                                       NSLog(@"failure: %@", response);
                                   }];

// this code works. Used to test that url is valid. But it's blocking the UI as expected.
if (false)       
if (url) {
        [self.imageView setImage: [UIImage imageWithData:[NSData dataWithContentsOfURL:url]]]; }

大多数时候，它会记录:success: {512, 512}

它偶尔也会记录:success: {0, 0}

有时:failure: <NSURLResponse: 0x146c0000> { URL: file:///var/mobile/Appl...

但图像永远不会改变。

Answer 1

问题是 UIImage 直到第一次实际使用/绘制图像时才真正读取和解码图像。要强制在后台线程上执行此工作，您必须在执行主线程 -setImage: 之前在后台线程上使用/绘制图像。这对我有用:

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^{
    UIImage * img = [UIImage imageNamed:@"background.jpg"];

    // Make a trivial (1x1) graphics context, and draw the image into it
    UIGraphicsBeginImageContext(CGSizeMake(1,1));
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextDrawImage(context, CGRectMake(0, 0, 1, 1), [img CGImage]);
    UIGraphicsEndImageContext();

    // Now the image will have been loaded and decoded and is ready to rock for the main thread
    dispatch_sync(dispatch_get_main_queue(), ^{
        [[self imageView] setImage: img];
    });
});

编辑:UI 没有阻塞。您已专门将其设置为使用 UILongPressGestureRecognizer，默认情况下，它会在执行任何操作之前等待半秒。主线程仍在处理事件，但在 GR 超时之前不会发生任何事情。如果你这样做:

    longpress.minimumPressDuration = 0.01;

...您会发现它变得更加敏捷。图片加载不是这里的问题。

编辑 2:我查看了发布到 github 上的代码，该代码在 iPad 2 上运行，但我根本没有理解您所描述的问题。其实还挺顺利的。这是在 CoreAnimation 工具中运行代码的屏幕截图:

正如您在顶部图表中看到的那样，FPS 上升到约 60FPS 并在整个手势过程中保持不变。在底部的图表中，您可以在大约 16 秒处看到光点，这是图像首次加载的位置，但您可以看到帧速率没有下降。仅通过目视检查，我看到选择层相交，并且在第一个交点和图像出现之间有一个小的但可观察到的延迟。据我所知，后台加载代码正在按预期工作。

我希望能为您提供更多帮助，但我就是看不出问题所在。