前文iOS17適配指南之SwiftData(一)使用 UIKit 對(duì) SwiftData 進(jìn)行了簡(jiǎn)單使用懦傍。其實(shí) SwiftData 配合 SwiftUI 才是 Apple 的初心，因此本文以 SwiftUI 的視角進(jìn)行 SwiftData 的使用講解缨硝。

使用步驟

1. 導(dǎo)入模塊import SwiftData。
2. 使用@Model修飾模型。
3. 將模型注冊(cè)到modelContainer。
4. 獲取模型上下文@Environment(\.modelContext) private var modelContext高氮。
5. 通過(guò)模型上下文進(jìn)行增刪改操作。
6. 通過(guò)@Query修飾模型數(shù)組顷牌，獲取查詢的數(shù)據(jù)剪芍。

案例

import SwiftData
import SwiftUI

// MARK: - 模型，必須是class
@Model
class TodoItem {
    var title: String
    var isCompleted: Bool
    var date: Date

    init(title: String = "", isCompleted: Bool = false, date: Date = .now) {
        self.title = title
        self.isCompleted = isCompleted
        self.date = date
    }
}



// MARK: - ContentView
struct ContentView: View {
    @Environment(\.modelContext) private var modelContext
    @State private var path = [TodoItem]()
    // 默認(rèn)排序方式
    @State private var sortOrder = SortDescriptor(\TodoItem.title)

    var body: some View {
        NavigationStack(path: $path) {
            TodoListView(sort: sortOrder)
                .navigationDestination(for: TodoItem.self) { todoItem in
                    EditView(todoItem: todoItem)
                }
                .navigationTitle("TodoList")
                .toolbar {
                    // 增加數(shù)據(jù)
                    Button("Add", systemImage: "plus", action: addTodoItem)

                    // 修改排序方式
                    Menu("Sort", systemImage: "arrow.up.arrow.down") {
                        Picker("Sort", selection: $sortOrder) {
                            Text("Title")
                                .tag(SortDescriptor(\TodoItem.title, order: .reverse))

                            Text("Date")
                                .tag(SortDescriptor(\TodoItem.date, order: .reverse))
                        }
                        .pickerStyle(.inline)
                    }
                }
        }
    }

    // 1. 增加
    func addTodoItem() {
        let todoItem = TodoItem()
        modelContext.insert(todoItem)
        path = [todoItem]
    }
}



// MARK: - TodoListView
struct TodoListView: View {
    @Environment(\.modelContext) private var modelContext
    // 4. 查詢并排序
    @Query private var todoItems: [TodoItem]

    init(sort: SortDescriptor<TodoItem>) {
        _todoItems = Query(sort: [sort])
    }

    var body: some View {
        if todoItems.isEmpty {
            ContentUnavailableView.search
        } else {
            List {
                ForEach(todoItems) { todoItem in
                    NavigationLink(value: todoItem) {
                        HStack {
                            Text(todoItem.title)

                            Spacer()

                            Text(todoItem.date.formatted(.dateTime.locale(Locale(identifier: "zh_Hans_CN"))))

                            todoItem.isCompleted ? Image(systemName: "checkmark.square") : Image(systemName: "square")
                        }
                    }
                }
                .onDelete(perform: deletedTodoItem)
            }
        }
    }

    // 2. 刪除
    func deletedTodoItem(_ indexSet: IndexSet) {
        indexSet.forEach { index in
            let todoItem = todoItems[index]
            modelContext.delete(todoItem)
        }
    }
}



// MARK: - EditView
struct EditView: View {
    @Environment(\.modelContext) private var modelContext
    @Bindable var todoItem: TodoItem

    var body: some View {
        Form {
            // 3. 修改
            TextField("請(qǐng)輸入標(biāo)題", text: $todoItem.title)

            Toggle("是否完成", isOn: $todoItem.isCompleted)

            DatePicker(selection: $todoItem.date) {
                Text("時(shí)間")
            }
            .environment(\.locale, Locale(identifier: "zh_Hans_CN"))
        }
        .padding()
        .navigationTitle("編輯")
        .navigationBarTitleDisplayMode(.inline)
    }
}



@main
struct SwiftDataTestApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                .modelContainer(for: TodoItem.self) // 注冊(cè)模型到modelContainer
        }
    }
}

效果

SwiftUI +SwiftData.gif