SwiftUI中统一所有Shape类型的实现方案问询

问题原因 #

Swift是强类型语言，switch语句要求所有分支返回完全一致的具体类型。虽然Rectangle、Circle和自定义的Diamond都遵循Shape协议，但它们是不同的结构体类型，因此编译器会报类型不匹配的错误。

解决方案1：显式指定存在类型any Shape #

直接给mask变量标注类型为any Shape（Swift 5.7及以上版本支持），让编译器将所有分支的返回值统一为遵循Shape协议的存在类型：

修改后的核心代码片段：

let shape = MaskShapes.diamond
// 显式指定类型为any Shape
let mask: any Shape = switch shape {
case .rectangle: Rectangle()
case .diamond: Diamond()
case .circle: Circle()
}

解决方案2：给枚举添加计算属性（更优雅） #

把Shape的创建逻辑封装到枚举内部，通过计算属性直接返回对应Shape，代码结构更清晰：

修改枚举和调用代码：

enum MaskShapes {
    case rectangle, diamond, circle
    
    var shape: any Shape {
        switch self {
        case .rectangle: Rectangle()
        case .diamond: ContentView.Diamond()
        case .circle: Circle()
        }
    }
}

// 在ContentView中调用
let shape = MaskShapes.diamond
let mask = shape.shape

完整修改后的代码 #

import SwiftUI

enum MaskShapes {
    case rectangle, diamond, circle
    
    var shape: any Shape {
        switch self {
        case .rectangle: Rectangle()
        case .diamond: ContentView.Diamond()
        case .circle: Circle()
        }
    }
}

struct ContentView: View {
    var body: some View {
        let shape = MaskShapes.diamond
        let mask = shape.shape
        
        Spacer()
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
            Text("Hello, world!")
        }
        .frame(width: 300, height: 200)
        .background(mask.foregroundColor(.red))
        Spacer()
    }
    
    struct Diamond: Shape {
        func path(in rect: CGRect) -> Path {
            var p = Path()
            p.move(to: CGPoint(x: rect.midX, y: 0))
            p.addLine(to: CGPoint(x: 0, y: rect.midY))
            p.addLine(to: CGPoint(x: rect.midX, y: rect.maxY))
            p.addLine(to: CGPoint(x: rect.maxX, y: rect.midY))
            p.closeSubpath()
            return p
        }
    }
}

#Preview {
    ContentView()
}

效果展示 #

修改后代码可正常运行，各Shape的显示效果与单独使用时一致：

• Rectangle效果：
• Diamond效果：
• Circle效果：

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