iOS如何生成大尺寸快照？大尺寸平面图输出异常求助

问题原因 #

drawHierarchy(in:afterScreenUpdates:) 主要用于捕获已显示在屏幕上的视图内容，它依赖系统的屏幕渲染管道，对于超出屏幕尺寸或过大的视图（比如高度3000的视图），可能因渲染缓存限制、内存阈值触发截断，导致生成的图像异常。而小尺寸视图受限于屏幕渲染范围，能正常生成图像。

可行解决方案 #

方案1：改用 CALayer.render(in:) 离线渲染

直接通过视图的layer将内容渲染到图形上下文，绕开屏幕渲染管道的限制，更适合离线生成大尺寸图像：

let image1Size = CGSize(width: 400, height: 3000)
let size1 = CGSize(width: 430, height: 682)

// 大尺寸视图转图像
let testView = UIView(frame: CGRect(origin: .zero, size: image1Size))
testView.backgroundColor = .red

let renderer = UIGraphicsImageRenderer(size: image1Size)
let testImage = renderer.image { context in
    testView.layer.render(in: context.cgContext)
}

// 小尺寸视图转图像（可保留原逻辑或同样改用layer渲染）
let test2View = UIView(frame: CGRect(origin: .zero, size: size1))
test2View.backgroundColor = .red

let test2Renderer = UIGraphicsImageRenderer(size: size1)
let test2Image = test2Renderer.image { context in
    test2View.layer.render(in: context.cgContext)
}

方案2：分块渲染拼接大图

如果超大尺寸图像（比如高度超过10000）导致单块渲染内存压力过大，可以将视图拆分为多个小区域分别渲染，再拼接成完整图像：

func renderLargeImage(targetSize: CGSize, viewBuilder: (CGRect) -> UIView) -> UIImage? {
    // 定义单块渲染的最大高度，可根据内存情况调整
    let maxTileHeight: CGFloat = 1000
    var imageTiles = [UIImage]()
    var currentY: CGFloat = 0
    
    while currentY < targetSize.height {
        let tileHeight = min(maxTileHeight, targetSize.height - currentY)
        let tileFrame = CGRect(x: 0, y: currentY, width: targetSize.width, height: tileHeight)
        
        // 创建对应区域的视图片段
        let tileView = viewBuilder(tileFrame)
        // 渲染单块图像
        let tileRenderer = UIGraphicsImageRenderer(size: tileFrame.size)
        let tileImage = tileRenderer.image { context in
            tileView.layer.render(in: context.cgContext)
        }
        
        imageTiles.append(tileImage)
        currentY += tileHeight
    }
    
    // 拼接所有块为完整图像
    guard !imageTiles.isEmpty else { return nil }
    let finalRenderer = UIGraphicsImageRenderer(size: targetSize)
    return finalRenderer.image { context in
        var currentY: CGFloat = 0
        for tile in imageTiles {
            tile.draw(at: CGPoint(x: 0, y: currentY))
            currentY += tile.size.height
        }
    }
}

// 使用示例
let image1Size = CGSize(width: 400, height: 3000)
let largeImage = renderLargeImage(targetSize: image1Size) { frame in
    let view = UIView(frame: frame)
    view.backgroundColor = .red
    // 可添加子视图、绘制内容等
    return view
}

注意事项 #

• 大尺寸图像会占用大量内存（比如400x3000的RGBA图像约4.5MB，更大尺寸需计算内存占用），需注意内存管理，避免OOM；
• 若视图包含复杂的渐变、阴影或矢量图形，尽量简化绘制逻辑，或使用CATiledLayer优化渲染；
• 测试时建议在真实设备上验证，模拟器的内存限制与真机不同。

内容的提问来源于stack exchange，提问作者blink