如何更快地将视图渲染到图像中?

时间:2013-09-28 12:01:34

标签: ios ios6 uiview core-graphics calayer

我正在制作放大镜应用程序,允许用户触摸屏幕并移动他的手指,将有一个带有手指路径的放大镜。我通过截屏并将图像分配给放大镜图像视图来实现它,如下所示:

    CGSize imageSize = frame.size;
    UIGraphicsBeginImageContextWithOptions(imageSize, NO, 0.0);
    CGContextRef c = UIGraphicsGetCurrentContext();
    CGContextScaleCTM(c, scaleFactor, scaleFactor);
    CGContextConcatCTM(c, CGAffineTransformMakeTranslation(-frame.origin.x, -frame.origin.y));
    [self.layer renderInContext:c];
    UIImage *screenshot = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return screenshot;

问题是self.layer renderInContext很慢,因此用户在移动手指时感觉不平滑。我尝试在其他线程中运行self.layer renderInContext但是,它使得放大镜图像看起来很奇怪,因为放大镜中的图像显示延迟。

有没有更好的方法将视图渲染到图像中? renderInContext:使用GPU吗?

1 个答案:

答案 0 :(得分:81)

没有。在iOS6中,renderInContext:是唯一的方法。这很慢。它使用CPU。

呈现UIKit内容的方法

renderInContext:

[view.layer renderInContext:UIGraphicsGetCurrentContext()];
  • 需要iOS 2.0。 It runs in the CPU
  • 它不捕获具有非仿射变换,OpenGL或视频内容的视图。
  • 如果动画正在运行,您可以选择捕获:
    • view.layer,用于捕捉动画的最终帧。
    • view.presentationLayer,它捕获动画的当前帧。

snapshotViewAfterScreenUpdates:

UIView *snapshot = [view snapshotViewAfterScreenUpdates:YES];
  • 需要iOS 7。
  • 这是最快的方法。
  • 视图contents是不可变的。如果你想申请效果,那就不好了。
  • 它捕获所有内容类型(UIKit,OpenGL或视频)。

resizableSnapshotViewFromRect:afterScreenUpdates:withCapInsets

[view resizableSnapshotViewFromRect:rect afterScreenUpdates:YES withCapInsets:edgeInsets]
  • 需要iOS 7。
  • snapshotViewAfterScreenUpdates:相同,但具有可调整大小的插入内容。 content也是不可变的。

drawViewHierarchyInRect:afterScreenUpdates:

[view drawViewHierarchyInRect:rect afterScreenUpdates:YES];
  • 需要iOS 7。
  • 它描绘了当前的背景。
  • 根据会话226,它比renderInContext:快。

有关新快照API的信息,请参阅WWDC 2013 Session 226 Implementing Engaging UI on iOS


如果有任何帮助,这里有一些代码可以在一个仍在运行时丢弃捕获尝试。

这会限制一次阻止执行一个块,并丢弃其他人。来自this SO answer

dispatch_semaphore_t semaphore = dispatch_semaphore_create(1);
dispatch_queue_t renderQueue = dispatch_queue_create("com.throttling.queue", NULL);

- (void) capture {
    if (dispatch_semaphore_wait(semaphore, DISPATCH_TIME_NOW) == 0) {
        dispatch_async(renderQueue, ^{
            // capture
            dispatch_semaphore_signal(semaphore);
        });
    }
}

这是做什么的?

  • 为一(1)个资源创建信号量。
  • 创建一个串行队列。
  • DISPATCH_TIME_NOW表示超时为none,因此在红灯时立即返回非零值。因此,不执行if content。
  • 如果是绿灯,请异步运行该块,然后再次设置绿灯。