SwiftUI中如何根据三种状态切换视图背景颜色？

方法一：使用Int类型变量 #

直接通过switch语句匹配不同数值，返回对应背景色：

@State var category: Int = 1

// 视图中的背景设置
.background(
    switch category {
    case 1: Color.red
    case 2: Color.green
    case 3: Color.blue
    default: Color.gray // 处理未定义的数值，作为兜底
    }
)

方法二：使用String类型变量 #

通过switch匹配字符串标识，返回对应背景色：

@State var category: String = "car"

// 视图中的背景设置
.background(
    switch category {
    case "car": Color.orange
    case "bike": Color.purple
    case "plane": Color.cyan
    default: Color.gray // 处理未定义的字符串，作为兜底
    }
)

更推荐：使用枚举类型（类型安全） #

枚举能避免无效的状态值，比字符串/Int更安全：

// 先定义状态枚举
enum Category: String {
    case car, bike, plane
}

@State var category: Category = .car

// 视图中的背景设置
.background(
    switch category {
    case .car: Color.orange
    case .bike: Color.purple
    case .plane: Color.cyan
    }
)

说明：SwiftUI的.background()接受任意View类型参数，Color本身也是View，因此可以直接在闭包里用switch分支返回对应颜色。

内容的提问来源于stack exchange，提问作者Xavi Segura Ardèvol