在NSView中使用async/await绘图遇CGContext无效错误求指导

错误原因 #

你当前的写法会报错，核心问题是：draw(_:)方法是系统在主线程绘图周期内调用的，此时会创建临时的CGContext供绘图使用。但你在draw里启动异步Task，等plotYAxis执行时，draw已经跑完了，原来的CGContext早被销毁，自然会出现CGContextSetFillColorWithColor: invalid context 0x0的错误。

正确实现逻辑 #

NSView的绘图必须跟着系统的绘图周期走，不能直接在异步线程操作绘图上下文。正确步骤是：

• 异步线程里只做数据计算（比如算直线的起点终点、圆形的位置大小）
• 计算完后切回主线程，更新绘图数据，然后调用setNeedsDisplay(_:)触发重绘
• 在draw(_:)里用提前算好的数据完成绘图

代码示例 #

// 用来存绘图需要的数据
private var yAxisInfo: (start: CGPoint, end: CGPoint)?

override func draw(_ dirtyRect: NSRect) {
    super.draw(dirtyRect)
    
    // 获取当前有效的绘图上下文，以及提前准备好的数据
    guard let context = NSGraphicsContext.current?.cgContext,
          let yAxis = yAxisInfo else {
        return
    }
    
    // 绘制Y轴直线
    context.setStrokeColor(NSColor.black.cgColor)
    context.setLineWidth(2)
    context.move(to: yAxis.start)
    context.addLine(to: yAxis.end)
    context.strokePath()
    
    // 绘制圆形示例
    context.setFillColor(NSColor.red.cgColor)
    let circleFrame = CGRect(x: 50, y: 50, width: 30, height: 30)
    context.addEllipse(in: circleFrame)
    context.fillPath()
}

// 异步处理数据，再触发重绘
func plotYAxis() async {
    // 模拟耗时操作：比如从数据库/网络拉取数据，计算坐标
    try? await Task.sleep(nanoseconds: 1_000_000_000)
    
    // 计算Y轴的起点和终点
    let startPoint = CGPoint(x: 50, y: bounds.minY)
    let endPoint = CGPoint(x: 50, y: bounds.maxY)
    
    // 切回主线程更新数据，触发重绘
    await MainActor.run {
        self.yAxisInfo = (startPoint, endPoint)
        self.setNeedsDisplay(self.bounds)
    }
}

// 调用异步任务的入口（比如在view显示后启动）
override func viewDidAppear() {
    super.viewDidAppear()
    Task {
        await plotYAxis()
    }
}

重要提醒 #

• 绝对不能在异步线程里直接操作CGContext，所有绘图代码必须放在draw(_:)里，这个方法是系统在主线程调用的，上下文有效。
• 异步任务只负责处理耗时的非绘图工作，绘图本身必须绑定系统的绘图周期。
• 更新UI相关的数据时，一定要用MainActor.run切回主线程，避免线程安全问题。

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