面试题：Swift中SwiftUI的Form与List组件的数据绑定与交互处理

数据绑定与展示：
- 首先，定义一个数据模型来表示待办事项。例如：

struct TodoItem: Identifiable {
    let id = UUID()
    var title: String
    var isCompleted: Bool = false
}

在视图模型中，创建一个@Published的ObservableObject来管理待办事项列表。

class TodoViewModel: ObservableObject {
    @Published var todoList: [TodoItem] = []
}

在包含Form和List的视图中，注入TodoViewModel，并在Form中使用TextField获取用户输入，将输入添加到todoList中。

struct ContentView: View {
    @ObservedObject var viewModel = TodoViewModel()
    @State private var newTodoTitle = ""

    var body: some View {
        VStack {
            Form {
                TextField("Add new todo", text: $newTodoTitle)
                Button("Add") {
                    if!newTodoTitle.isEmpty {
                        viewModel.todoList.append(TodoItem(title: newTodoTitle))
                        newTodoTitle = ""
                    }
                }
            }
            List(viewModel.todoList) { item in
                HStack {
                    Toggle("", isOn: $item.isCompleted)
                    Text(item.title)
                }
            }
        }
    }
}

点击标记完成或未完成：
- 在List的HStack中，使用Toggle组件来切换isCompleted状态。如上述代码中的Toggle("", isOn: $item.isCompleted)，这里$item.isCompleted是双向绑定，点击Toggle就可以改变TodoItem的isCompleted属性。
数据持久化存储（使用UserDefaults）：
- 在TodoViewModel中添加保存和加载数据的方法。

class TodoViewModel: ObservableObject {
    @Published var todoList: [TodoItem] = []

    private let userDefaultsKey = "TodoList"

    init() {
        loadData()
    }

    func saveData() {
        let encoder = JSONEncoder()
        if let encoded = try? encoder.encode(todoList) {
            UserDefaults.standard.set(encoded, forKey: userDefaultsKey)
        }
    }

    func loadData() {
        if let data = UserDefaults.standard.data(forKey: userDefaultsKey) {
            let decoder = JSONDecoder()
            if let decoded = try? decoder.decode([TodoItem].self, from: data) {
                todoList = decoded
            }
        }
    }
}

在添加新待办事项和切换完成状态后调用saveData()方法，确保数据及时保存。例如在ContentView的Button("Add")闭包中添加viewModel.saveData()，以及在Toggle改变状态时也会触发saveData()，因为todoList是@Published，状态改变会通知ViewModel。这样就实现了使用UserDefaults进行数据的持久化存储。

星途面试题库

面试题：Swift中SwiftUI的Form与List组件的数据绑定与交互处理

知识考点

面试题答案