你能把当前没有显示的uiview转换成uiimage吗

Question

我发现了许多将 UIView 转换为 UIImage 的示例，一旦视图布局等，它们就可以完美地工作。即使在我的视图控制器中有很多行，其中一些还没有显示在屏幕上，我也可以进行转换。不幸的是，对于一些在表格中太靠后的视图（因此还没有被“绘制”），进行转换会产生一个空白的 UIImage。

我尝试调用 setNeedsDisplay 和 layoutIfNeeded，但这些都不起作用。我什至尝试过自动滚动表格，但也许我没有以确保滚动首先发生的方式（使用线程）在转换发生之前允许视图更新。我怀疑这无法完成，因为我发现了各种各样的问题，但都没有找到解决方案。或者，我是否可以只在 UIImage 中重绘整个视图，而不需要 UIView？

来自 Paul Hudson 的网站

使用任何未在屏幕上显示的 UIView（比如 UITableview 中位于屏幕底部下方的一行。

let renderer = UIGraphicsImageRenderer(size: view.bounds.size)
let image = renderer.image { ctx in
    view.drawHierarchy(in: view.bounds, afterScreenUpdates: true)
}

Answer 1

您不必在窗口/屏幕上拥有视图即可将其渲染为图像。我已经在PixelTest 中做到了这一点：

extension UIView {

    /// Creates an image from the view's contents, using its layer.
    ///
    /// - Returns: An image, or nil if an image couldn't be created.
    func image() -> UIImage? {
        UIGraphicsBeginImageContextWithOptions(bounds.size, false, 0)
        guard let context = UIGraphicsGetCurrentContext() else { return nil }
        context.saveGState()
        layer.render(in: context)
        context.restoreGState()
        guard let image = UIGraphicsGetImageFromCurrentImageContext() else { return nil }
        UIGraphicsEndImageContext()
        return image
    }

}

如果要在屏幕上渲染，这会将视图的图层渲染为当前外观。也就是说，如果视图还没有被布局，那么它看起来就不会是你期望的样子。 PixelTest 通过在验证视图以进行快照测试时预先强制布局视图来做到这一点。

Answer 2

您也可以使用UIGraphicsImageRenderer 完成此操作。

extension UIView {

    func image() -> UIImage {
        let imageRenderer = UIGraphicsImageRenderer(bounds: bounds)
        if let format = imageRenderer.format as? UIGraphicsImageRendererFormat {
            format.opaque = true
        }
        let image = imageRenderer.image { context in
            return layer.render(in: context.cgContext)
        }
        return image
    }

}