如何在ForEach Swiftui的结构列表中使用枚举？_如何在SwiftUI中使用ForEach中的图像_如何在SwiftUI中对CoreData生成的NSSet使用ForEach - 腾讯云开发者社区

如何在ForEach Swiftui的结构列表中使用枚举？

在SwiftUI中，使用ForEach来遍历和显示枚举类型的列表是一个常见的需求。为了实现这一点，你需要确保你的枚举类型符合Identifiable协议，或者你可以使用枚举的原始值（如果有）作为标识符。

以下是一个详细的示例，展示如何在ForEach中使用枚举。

示例代码

假设你有一个枚举类型Fruit，并希望在SwiftUI视图中显示一个列表。

1. 定义枚举类型

首先，定义一个枚举类型Fruit，并使其符合Identifiable协议：

import SwiftUI

enum Fruit: String, CaseIterable, Identifiable {
    case apple
    case banana
    case cherry
    case date
    case elderberry

    var id: String { self.rawValue }
}

在这个示例中：

Fruit枚举符合CaseIterable协议，这样可以轻松地获取所有枚举值。
Fruit枚举符合Identifiable协议，通过rawValue作为唯一标识符。

2. 使用`ForEach`显示枚举列表

接下来，在SwiftUI视图中使用ForEach来遍历和显示枚举列表：

struct ContentView: View {
    var body: some View {
        List {
            ForEach(Fruit.allCases) { fruit in
                Text(fruit.rawValue.capitalized)
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在这个示例中：

Fruit.allCases返回一个包含所有枚举值的数组。
ForEach遍历这个数组，并为每个枚举值创建一个Text视图。
fruit.rawValue.capitalized将枚举值的原始字符串值转换为首字母大写的形式。

解释

枚举类型：
- Fruit枚举定义了几种水果类型，并符合CaseIterable和Identifiable协议。
- CaseIterable协议允许你使用allCases属性来获取所有枚举值。
- Identifiable协议要求每个枚举值有一个唯一标识符，这里使用rawValue作为标识符。
SwiftUI视图：
- ContentView视图包含一个List，其中使用ForEach来遍历Fruit.allCases。
- ForEach为每个枚举值创建一个Text视图，并显示枚举值的原始字符串值。

扩展

你可以根据需要进一步扩展这个示例。例如，添加更多属性或方法到枚举类型，或者在视图中显示更多信息。

添加更多属性

enum Fruit: String, CaseIterable, Identifiable {
    case apple
    case banana
    case cherry
    case date
    case elderberry

    var id: String { self.rawValue }

    var description: String {
        switch self {
        case .apple: return "A sweet red fruit"
        case .banana: return "A long yellow fruit"
        case .cherry: return "A small red fruit"
        case .date: return "A sweet brown fruit"
        case .elderberry: return "A small dark purple fruit"
        }
    }
}

更新视图

struct ContentView: View {
    var body: some View {
        List {
            ForEach(Fruit.allCases) { fruit in
                VStack(alignment: .leading) {
                    Text(fruit.rawValue.capitalized)
                        .font(.headline)
                    Text(fruit.description)
                        .font(.subheadline)
                        .foregroundColor(.gray)
                }
            }
        }
    }
}

在这个扩展示例中，Fruit枚举增加了一个description属性，用于提供每种水果的描述。在视图中，VStack用于显示水果名称和描述。