在 UIScrollView 中拍摄 CATiledLayer 支持的视图的图像快照

Question

我有一个由 UIScrollView 组成的自定义地图视图。滚动视图的子视图由 CATiledLayer 支持。这里一切都很好。平移和平移缩放加载新的地图图块，一切都表现良好。

我想要做的是将动画视频帧捕获到此滚动视图。本质上，我想创建一个滚动视图的 contentOffset 和 zoomScale 的动画更改视频。

我知道这个概念是合理的，因为我可以获得私有 API 函数 UIGetScreenImage() 来以 10fps 的速度捕获应用程序的屏幕，组合这些图像，并且我可以获得流畅且具有滚动视图动画使用的时序曲线。

当然，我的问题是我无法使用私有 API。浏览一下苹果这里概述的替代方案，给我留下了几乎一个据说有效的选择：询问 < code>CALayer 到 renderInContext 并从中获取 UIGraphicsGetImageFromCurrentImageContext() 。

不过，这似乎不适用于 CATiledLayer 支持的视图。捕获的是块状、未缩放的图像，就好像从未加载更高分辨率的图块一样。考虑到 CATiledLayer 在后台线程中绘制以提高性能，并且从主线程调用 renderInContext 可能无法捕获这些更新，这在某种程度上是有道理的。即使我也渲染平铺层的 presentationLayer，结果也是相似的。

是否有 Apple 认可的方法可以在包含滚动视图的动画过程中捕获 CATiledLayer 支持的视图的图像？或者在任何时候，就此而言？

Answer 1

顺便说一句，如果您在 CATiledLayer 支持的视图中正确实现 renderLayer:inContext:，这是可行的。

Answer 2

我做了一个快速测试，并在包装​​滚动视图的视图上使用 renderInContext: 似乎有效。你尝试过吗？

Answer 3

这段代码对我有用。

- (UIImage *)snapshotImageWithView:(CCTiledImageScrollView *)view
{
// Try our best to approximate the best tile set zoom scale to use
CGFloat tileScale;
if (view.zoomScale >= 0.5) {
    tileScale = 2.0;
}
else if (view.zoomScale >= 0.25) {
    tileScale = 1.0;
}
else {
    tileScale = 0.5;
}

// Calculate the context translation based on how far zoomed in or out.
CGFloat translationX = -view.contentOffset.x;
CGFloat translationY = -view.contentOffset.y;
if (view.contentSize.width < CGRectGetWidth(view.bounds)) {
    CGFloat deltaX = (CGRectGetWidth(view.bounds) - view.contentSize.width) / 2.0;
    translationX += deltaX;
}
if (view.contentSize.height < CGRectGetHeight(view.bounds)) {
    CGFloat deltaY = (CGRectGetHeight(view.bounds) - view.contentSize.height) / 2.0;
    translationY += deltaY;
}

// Pass the tileScale to the context because that will be the scale used in drawRect by your CATiledLayer backed UIView
UIGraphicsBeginImageContextWithOptions(CGSizeMake(CGRectGetWidth(view.bounds) / view.zoomScale, CGRectGetHeight(view.bounds) / view.zoomScale), NO, tileScale);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context, translationX / view.zoomScale, translationY / view.zoomScale);

// The zoomView is a subview of UIScrollView. The CATiledLayer backed UIView is a subview of the zoomView.
[view.zoomView.layer renderInContext:context];
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

return image;

完整的示例代码在这里

找到：https://github.com/gortega56/CCCanvasView