如何在SwiftUI中定义可接受LinearGradient或AngularGradient的结构体属性？

你遇到的核心问题是ShapeStyle是带关联类型的协议，这类协议不能直接作为存储属性的类型，因为Swift需要明确的具体类型信息。不过有两种常用的方式可以实现你的需求：接受任意ShapeStyle（包括两种渐变），或者严格限制只接受LinearGradient和AngularGradient。

方法一：使用类型擦除（AnyShapeStyle） #

这种方式最灵活，允许你的fill属性接受任何遵循ShapeStyle的类型（比如LinearGradient、AngularGradient、Color甚至Material），同时保持代码简洁：

struct NewView: View {
    var fill: AnyShapeStyle
    
    // 泛型初始化方法，接受任意ShapeStyle类型
    init<S: ShapeStyle>(fill: S = LinearGradient(gradient: Gradient(colors: [.green, .blue]), startPoint: .top, endPoint: .bottom)) {
        self.fill = AnyShapeStyle(fill)
    }
    
    var body: some View {
        Circle()
            .stroke(fill, style: StrokeStyle(lineWidth: 25))
    }
}

使用示例：

// 传入LinearGradient
NewView(fill: LinearGradient(gradient: Gradient(colors: [.red, .yellow]), startPoint: .leading, endPoint: .trailing))

// 传入AngularGradient
NewView(fill: AngularGradient(gradient: Gradient(colors: [.purple, .pink]), center: .center, angle: .degrees(90)))

方法二：自定义枚举限制渐变类型 #

如果你希望fill属性只能接受LinearGradient或AngularGradient，而不是任意ShapeStyle，可以自定义一个遵循ShapeStyle的枚举来封装这两种类型：

// 自定义枚举，仅包含两种渐变类型
enum GradientStyle: ShapeStyle {
    case linear(LinearGradient)
    case angular(AngularGradient)
    
    // 实现ShapeStyle要求的私有方法
    func _apply(to shape: inout _ShapeStyle_Shape) {
        switch self {
        case .linear(let gradient):
            gradient._apply(to: &shape)
        case .angular(let gradient):
            gradient._apply(to: &shape)
        }
    }
}

struct NewView: View {
    var fill: GradientStyle
    
    init(fill: GradientStyle = .linear(LinearGradient(gradient: Gradient(colors: [.green, .blue]), startPoint: .top, endPoint: .bottom))) {
        self.fill = fill
    }
    
    var body: some View {
        Circle()
            .stroke(fill, style: StrokeStyle(lineWidth: 25))
    }
}

使用示例：

// 传入LinearGradient
NewView(fill: .linear(LinearGradient(gradient: Gradient(colors: [.orange, .brown]), startPoint: .topLeading, endPoint: .bottomTrailing)))

// 传入AngularGradient
NewView(fill: .angular(AngularGradient(gradient: Gradient(colors: [.cyan, .teal]), center: .center)))

为什么直接用ShapeStyle不行？ #

Swift中，带关联类型的协议（比如ShapeStyle）属于“存在性类型”的范畴，这类协议不能直接作为存储属性的类型，因为编译器无法确定其具体的内存布局。而AnyShapeStyle是苹果提供的类型擦除包装器，它可以将任意ShapeStyle类型统一为一个具体的类型，解决了这个问题。

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