如何加速UIImage绘制？多张小图绘制性能优化问询

我之前也碰到过类似的批量绘制2D图像的性能瓶颈，尤其是用UIImage.draw(in:)处理几十上百张图的时候，确实会有明显的卡顿。结合我的实践经验，给你几个更深入的优化方向：

1. 改用Core Graphics直接绘制，跳过上层封装开销 #

UIImage.draw(in:)是Core Graphics的上层封装，中间会有额外的上下文处理和对象转换开销。如果直接用CGContext的原生API绘制，能有效减少这部分损耗。

示例代码：

guard let context = UIGraphicsGetCurrentContext() else { return }
// 提前预加载所有图像的CGImage，避免循环内重复转换
let cgImages = images.compactMap { $0.cgImage }

for (index, cgImage) in cgImages.enumerated() {
    let rect = CGRect(x: calculateX(for: index), y: calculateY(for: index), 
                      width: targetWidth, height: targetHeight)
    context.draw(cgImage, in: rect)
}

注意：一定要提前把UIImage转换为CGImage并缓存，不要在绘制循环里重复执行转换操作，不然反而会增加性能负担。

2. 提前合成批量图像，做离线渲染 #

如果这些小图的位置和内容在一段周期内是固定的，建议提前把它们合成一张大的UIImage，运行时只需要绘制这一张图即可。把多次绘制的开销集中到一次离线操作里，能大幅降低运行时的性能消耗。

示例代码：

// 先计算所有小图组成的总尺寸
let totalSize = CGSize(width: gridWidth, height: gridHeight)
UIGraphicsBeginImageContextWithOptions(totalSize, false, UIScreen.main.scale)

// 批量绘制所有小图到临时上下文
for (index, image) in images.enumerated() {
    let origin = CGPoint(x: getOriginX(index), y: getOriginY(index))
    image.draw(at: origin)
}

// 获取合成后的图像并清理上下文
let compositeImage = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()

// 后续只需要绘制这张合成图
compositeImage.draw(in: targetDisplayRect)

3. 利用CALayer做硬件加速渲染 #

如果你的绘制场景是在UIView中，改用CALayer来管理这些小图会更高效。Core Animation会自动帮你做硬件加速的批量渲染，性能比CPU端的Core Graphics绘制要好很多。

示例代码：

let parentLayer = CALayer()
parentLayer.frame = targetDisplayRect

for (index, image) in images.enumerated() {
    guard let cgImage = image.cgImage else { continue }
    let subLayer = CALayer()
    subLayer.frame = CGRect(x: getLayerX(index), y: getLayerY(index), 
                            width: layerWidth, height: layerHeight)
    subLayer.contents = cgImage
    parentLayer.addSublayer(subLayer)
}

// 添加到视图的layer上
yourView.layer.addSublayer(parentLayer)

如果有重复的小图，可以复用同一个CALayer的contents，避免重复创建图层对象。

4. 开发阶段的临时调试优化技巧 #

你提到开发阶段可能还有调整需求，没法直接用提前合成的方案，这时候可以试试这些临时技巧：

• 用低分辨率占位图代替高清图进行调试，减少绘制压力；
• 开启Xcode的Color Blended Layers调试工具（路径：Debug > View Debugging > Rendering > Color Blended Layers），检查是否有不必要的图层混合，尽量让小图背景不透明，减少GPU混合开销；
• 把绘制操作放到后台线程完成（注意：Core Graphics上下文不是线程安全的，要在后台创建独立上下文完成绘制，再把生成的UIImage带回主线程显示）。

这些方案里，提前合成图像和CALayer硬件加速的方式对批量绘制的性能提升最明显，你可以根据自己的实际场景选择合适的方式试试。

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