返回含ZStack的some View时遇"表达式类型模糊"错误求解答

在SwiftUI应用中尝试通过CoreGraphics绘制自定义结构体定义的音符，编写了drawSheetMusic函数，但返回ZStack的代码行出现"Type of expression is ambiguous without more context"错误，代码如下：

func drawSheetMusic(in size: CGSize) -> some View {
    return ZStack {
        Color.clear.drawingGroup { ctx in
            for note in self.musicData.notes {
                let rect = CGRect(x: note.position.x - note.radius, y: note.position.y - note.radius, width: 2 * note.radius, height: 2 * note.radius)
                ctx.cgContext.addEllipse(in: rect)
                ctx.cgContext.setFillColor(Color.black.cgColor)
                ctx.cgContext.fillPath()
            }
            return Rectangle().fill(Color.clear)
        }
    }
}

错误点分析 #

• drawingGroup修饰符用法错误：drawingGroup是用于优化SwiftUI视图渲染性能的修饰符，不支持通过闭包直接操作CGContext，原代码的调用方式完全不符合该API的设计逻辑。
• 闭包内返回View无意义：在试图操作CGContext的闭包里返回Rectangle().fill(Color.clear)属于冗余操作，同时会干扰SwiftUI的类型推断，引发歧义错误。

修复后的代码（使用SwiftUI Canvas，iOS 16+/macOS 13+） #

SwiftUI在iOS16及以上版本提供了Canvas组件，专门用于直接通过CoreGraphics绘图API绘制内容，这是当前推荐的实现方式：

func drawSheetMusic(in size: CGSize) -> some View {
    ZStack {
        Canvas { ctx, size in
            for note in self.musicData.notes {
                let rect = CGRect(x: note.position.x - note.radius, y: note.position.y - note.radius, width: 2 * note.radius, height: 2 * note.radius)
                ctx.cgContext.addEllipse(in: rect)
                ctx.cgContext.setFillColor(UIColor.black.cgColor) // macOS环境替换为NSColor.black.cgColor
                ctx.cgContext.fillPath()
            }
        }
        .frame(width: size.width, height: size.height)
    }
}

兼容旧版本系统的方案（使用UIViewRepresentable） #

如果需要支持iOS15及以下版本，可以通过UIViewRepresentable包装自定义UIView来实现CoreGraphics绘图：

// 定义UIViewRepresentable桥接视图
struct SheetMusicView: UIViewRepresentable {
    var musicData: MusicData // 替换为你的musicData实际类型
    
    func makeUIView(context: Context) -> UIView {
        let view = SheetMusicDrawView()
        view.musicData = musicData
        return view
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
        guard let drawView = uiView as? SheetMusicDrawView else { return }
        drawView.musicData = musicData
        drawView.setNeedsDisplay()
    }
}

// 自定义绘图UIView
class SheetMusicDrawView: UIView {
    var musicData: MusicData! // 替换为你的musicData实际类型
    
    override func draw(_ rect: CGRect) {
        guard let ctx = UIGraphicsGetCurrentContext() else { return }
        ctx.setFillColor(UIColor.black.cgColor)
        for note in musicData.notes {
            let rect = CGRect(x: note.position.x - note.radius, y: note.position.y - note.radius, width: 2 * note.radius, height: 2 * note.radius)
            ctx.addEllipse(in: rect)
            ctx.fillPath()
        }
    }
}

// 重构drawSheetMusic函数
func drawSheetMusic(in size: CGSize) -> some View {
    ZStack {
        SheetMusicView(musicData: self.musicData)
            .frame(width: size.width, height: size.height)
    }
}

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