如何在后台线程中渲染CALayer的内容？

首先明确：drawsAsynchronously 属性的作用是让Core Animation在后台线程完成最终的图层合成渲染，但draw(in:)方法本身始终会在主线程被调用——因为Core Animation需要在主线程维护图层树的状态一致性。你直接在draw(in:)里异步执行绘图代码无效，是因为传入的CGContext仅在当前绘制周期内有效，异步闭包执行时该上下文已被回收，绘制结果无法关联到当前图层。

以下是两种可行的后台渲染方案：

方案一：手动离屏渲染+主线程更新contents #

核心思路是在后台线程创建独立的离屏上下文完成绘制，生成CGImage后回到主线程赋值给图层的contents属性，完全绕开系统默认的draw(in:)流程：

class DKVectorLayer: CALayer {
    private let renderQueue = DispatchQueue(label: "Render queue", qos: .userInitiated)
    private var currentRenderSize: CGSize = .zero
    
    override func setNeedsDisplay() {
        currentRenderSize = bounds.size
        renderQueue.async { [weak self] in
            guard let self = self, self.currentRenderSize != .zero else { return }
            
            // 创建匹配图层尺寸的离屏上下文
            let scale = UIScreen.main.scale
            UIGraphicsBeginImageContextWithOptions(self.currentRenderSize, self.isOpaque, scale)
            guard let ctx = UIGraphicsGetCurrentContext() else {
                UIGraphicsEndImageContext()
                return
            }
            
            // 执行你的矢量绘图逻辑
            self.renderVectorContent(in: ctx)
            
            // 提取绘制结果
            let renderedImage = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            
            // 主线程更新图层内容，同时校验尺寸是否变化（避免异步期间图层大小改变）
            DispatchQueue.main.async {
                if self.currentRenderSize == self.bounds.size {
                    self.contents = renderedImage?.cgImage
                } else {
                    // 尺寸已变，重新触发绘制
                    self.setNeedsDisplay()
                }
            }
        }
    }
    
    // 抽离绘图逻辑，专注于内容渲染
    private func renderVectorContent(in ctx: CGContext) {
        // 示例：绘制红色矩形
        ctx.setFillColor(UIColor.red.cgColor)
        ctx.fill(self.bounds)
        
        // 这里替换为你的实际矢量绘图代码
    }
    
    // 重写display方法，禁用系统默认的draw(in:)调用流程
    override func display() {}
}

关键注意事项： #

• 线程安全：用currentRenderSize记录绘制时的尺寸，避免异步期间图层bounds变化导致绘制内容不匹配
• 尺寸校验：主线程更新前确认尺寸未变，否则重新触发绘制，保证内容和图层大小一致
• 性能优化：后台队列的qos根据场景调整，.userInitiated适合用户可见的实时内容，.background适合非紧急的预渲染

方案二：优化CATiledLayer的局部刷新（针对分块内容） #

如果你的内容天然适合分块渲染，也可以优化CATiledLayer的局部刷新问题：

• 重写CATiledLayer的draw(in:forLayer:)方法，在方法内获取当前需要绘制的瓦片rect，仅绘制对应区域的内容
• 调用setNeedsDisplay(in:)时，系统会只标记指定rect对应的瓦片为需要重绘，而非全部瓦片（之前的问题可能是你未正确实现分块绘制逻辑）

示例代码：

class OptimizedTiledLayer: CATiledLayer {
    private let renderQueue = DispatchQueue(label: "Tiled render queue", qos: .userInitiated)
    
    override func draw(in ctx: CGContext, forLayer layer: CALayer) {
        guard let tileRect = ctx.boundingBoxOfClipPath as? CGRect else { return }
        
        renderQueue.async {
            // 创建对应瓦片尺寸的离屏上下文
            UIGraphicsBeginImageContextWithOptions(tileRect.size, self.isOpaque, UIScreen.main.scale)
            guard let tileCtx = UIGraphicsGetCurrentContext() else {
                UIGraphicsEndImageContext()
                return
            }
            
            // 平移上下文，匹配瓦片在图层中的位置
            tileCtx.translateBy(x: -tileRect.origin.x, y: -tileRect.origin.y)
            
            // 仅绘制当前瓦片区域内的内容
            self.renderTileContent(in: tileCtx, forRect: tileRect)
            
            let tileImage = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            
            DispatchQueue.main.async {
                ctx.draw(tileImage!.cgImage!, in: tileRect)
            }
        }
    }
    
    private func renderTileContent(in ctx: CGContext, forRect rect: CGRect) {
        // 仅绘制rect范围内的矢量内容
    }
}

适用场景： #

适合地图、超大画布等天然分块的内容，如果你是普通矢量图形，方案一更简洁高效。

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