SwiftUI中结构间的数据共享与使用

### SwiftUI 中结构间的数据共享与使用 在开发 iOS 应用时，数据的存储、共享和展示是非常重要的环节。本文将详细介绍在 SwiftUI 中不同结构间共享数据的几种方法，包括使用 Bindings、StateObject 和 ObservedObject 以及 EnvironmentObject，同时也会提及数据存储的相关知识。 #### 1. 数据存储方式 在许多应用中，数据的存储和检索都至关重要。以下是几种常见的数据存储方式： | 存储方式 | 适用场景 | 说明 | | --- | --- | --- | | UserDefaults | 简单应用设置 | 应用可以加载用户选择的任何设置 | | 文件 | 较长的数据，尤其是文本 | 可以存储多行文本，适合大量数据 | | Core Data | 大量相关数据 | 用于保存信息 | 无论使用哪种存储方式，都可以再次检索数据，使应用能够自动显示数据，而无需用户每次手动加载。 #### 2. 使用 Bindings 共享数据 在简单的 iOS 应用中，SwiftUI 通常依赖单个结构来定义用户界面，在这个结构中可以定义 State 变量，不同的用户界面元素（如 Sliders、TextFields、Toggles 等）可以访问和修改这些变量。然而，对于更复杂的应用，可能需要使用多个结构来定义用户界面，此时就需要一种方法在结构之间共享 State 变量，Bindings 就是解决这个问题的一种方式。 ##### 2.1 操作步骤 1. **创建项目**：创建一个名为 BindingApp 的 iOS 应用项目。 2. **打开文件**：点击 Navigator 面板中的 ContentView 文件。 3. **修改 ContentView 结构**： ```swift struct ContentView: View { @State private var message = "" var body: some View { VStack { Text("Hello, \(message)") HStack { Text("Send a greeting:") TextField("Type a message here", text: $message) } } } } ``` 这个结构显示一个 TextField，用户可以在其中输入名称，输入的内容会存储在 message State 变量中，并显示在 Text 视图中。 4. **提取子视图**：按住 Command 键并点击 HStack，选择 Extract Subview，Xcode 会将整个 HStack 替换为 ExtractedView()，并在 ContentView 文件底部显示一个新结构。 ```swift struct ExtractedView: View { var body: some View { HStack { Text("Send a greeting:") TextField("Type a message here", text: $message) } } } ``` 但此时 ExtractedView 结构无法访问 message State 变量。 5. **重命名结构**：将 ExtractedView 重命名为 DisplayTextField。 6. **添加 Binding 变量**：在 DisplayTextField 结构中添加 Binding 变量，并将 $message 改为 $newVariable。 ```swift struct DisplayTextField: View { @Binding var newVariable: String var body: some View { HStack { Text("Send a greeting:") TextField("Type a message here", text: $newVariable) } } } ``` 7. **修改调用**：在 ContentView 中修改 DisplayTextField() 的调用，将 message State 变量传递给 newVariable Binding 变量。 ```swift DisplayTextField(newVariable: $message) ``` 此时，整个 ContentView 文件如下： ```swift import SwiftUI struct ContentView: View { @State private var message = "" var body: some View { VStack { Text("Hello, \(message)") DisplayTextField(newVariable: $message) } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } struct DisplayTextField: View { @Binding var newVariable: String var body: some View { HStack { Text("Send a greeting:") TextField("Type a message here", text: $newVariable) } } } ``` 8. **预览和测试**：点击 Canvas 面板上的预览图标，在 TextField 中输入名称，名称会显示在 Text 视图中。 ##### 2.2 结构存储在不同文件中 如果将结构存储在不同的文件中，操作步骤如下： 1. **创建项目**：创建一个名为 BindingFileApp 的 iOS 应用项目。 2. **创建新文件**：选择 File ➤ New ➤ File，点击 SwiftUI View 并点击 Next，然后点击 Create，Xcode 会创建一个名为 SwiftUIView 的单独文件。 3. **修改 SwiftUIView 文件**： ```swift import SwiftUI struct SwiftUIView: View { @Binding var newVariable: String var body: some View { HStack { Text("Send a greeting:" ```