SwiftUI中的状态管理

在 SwiftUI 中，状态管理是指如何在不同视图之间共享、更新和同步数据。由于 SwiftUI 采用声明式编程方式，状态管理非常重要，因为视图会根据状态变化自动重新渲染。SwiftUI 提供了一些工具和属性包装器来帮助开发者管理状态。

主要的状态管理工具和方法：

• 1.@State：用于管理视图的局部状态
• 2.@Binding：用于父子视图之间共享和修改状态
• 3.@ObservedObject：用于观察遵循 ObservableObject 协议的对象
• 4.@StateObject：用于在视图中初始化并管理 ObservableObject
• 5.@EnvironmentObject：用于在整个视图层次结构中共享数据
• 6.@Environment：用于读取系统级的环境数据

1.@State - 局部状态管理

@State用于视图内部管理和存储状态。当状态值变化时，视图会自动重新渲染。它通常用于单一视图中的局部状态管理。

使用场景：

• 当状态只在当前视图中使用时。
• 比如按钮点击计数、切换开关状态、输入框内容等。

import SwiftUI

struct CounterView: View {
    @State private var counter = 0 // 使用 @State 管理状态

    var body: some View {
        VStack {
            Text("Counter: \(counter)") // 显示当前状态
                .font(.largeTitle)
            
            Button("Increment") {
                counter += 1 // 修改状态，视图会自动刷新
            }
            .padding()
        }
    }
}

• @State 用于定义局部状态变量。
• 视图会自动根据counter的值变化重新渲染。

2.@Binding - 共享状态

@Binding用于将父视图的状态传递到子视图，并允许子视图修改父视图的状态。

使用场景：

• 当需要在子视图中修改父视图的状态时。

父视图：

struct ParentView: View {
    @State private var counter = 0 // 父视图的状态

    var body: some View {
        VStack {
            Text("Counter: \(counter)") // 显示父视图的状态
            ChildView(counter: $counter) // 将状态绑定传递给子视图
        }
    }
}

子视图：

struct ChildView: View {
    @Binding var counter: Int // 绑定父视图的状态

    var body: some View {
        Button("Increment in Child") {
            counter += 1 // 修改绑定的状态，父视图的状态同步变化
        }
    }
}

• @Binding用于接收父视图的状态并修改它。
• 通过 $counter 将父视图的状态传递给子视图。

3.@ObservedObject - 观察对象的变化

@ObservedObject 用于观察一个遵循 ObservableObject 协议的对象。当对象中的 @Published 属性发生变化时，视图会自动重新渲染。 使用场景：

• 当你需要共享和响应多个视图中的数据变化时，使用 @ObservedObject。
• 适合管理较复杂的数据模型，通常与自定义数据类一起使用。

数据模型：

class Counter: ObservableObject {
    @Published var value = 0 // 被 @Published 标记，值变化时会触发视图更新
}

视图：

struct CounterView: View {
    @ObservedObject var counter = Counter() // 观察 Counter 对象

    var body: some View {
        VStack {
            Text("Counter: \(counter.value)") // 显示值
            Button("Increment") {
                counter.value += 1 // 修改对象中的值，视图会自动刷新
            }
        }
    }
}

• @ObservedObject 用于观察 ObservableObject 类的实例。
• 任何带有 @Published 属性的变化都会触发视图更新。

4. @StateObject - 初始化和管理 ObservableObject

@StateObject 用于在视图中初始化并管理一个遵循 ObservableObject 协议的对象。它适用于视图首次创建时，并且需要确保视图生命周期内对象保持一致。 使用场景：

• 当视图中需要创建并管理一个 ObservableObject 的实例时。

class Counter: ObservableObject {
    @Published var value = 0
}

struct CounterView: View {
    @StateObject private var counter = Counter() // 使用 @StateObject 创建和管理对象

    var body: some View {
        VStack {
            Text("Counter: \(counter.value)") // 显示对象的值
            Button("Increment") {
                counter.value += 1 // 修改对象中的值
            }
        }
    }
}

• @StateObject 用于创建并管理 ObservableObject 的实例。
• 只有在视图首次创建时，@StateObject 才会创建对象。

5.@EnvironmentObject - 全局共享状态

@EnvironmentObject 用于跨视图层次结构共享数据。它通常用于较大应用中，传递全局状态，不需要显式传递数据。 使用场景：

• 当数据需要在多个视图中共享，并且不想通过```@Binding`` 显式传递时。 数据模型：

class UserSettings: ObservableObject {
    @Published var isLoggedIn = false
}

父视图：

struct ContentView: View {
    @StateObject var userSettings = UserSettings() // 创建和管理 UserSettings 实例

    var body: some View {
        LoginView()
            .environmentObject(userSettings) // 将 userSettings 注入环境
    }
}

子视图：

struct LoginView: View {
    @EnvironmentObject var userSettings: UserSettings // 获取环境中的对象

    var body: some View {
        VStack {
            if userSettings.isLoggedIn {
                Text("Welcome!")
            } else {
                Button("Log In") {
                    userSettings.isLoggedIn = true // 修改共享的数据
                }
            }
        }
    }
}

• @EnvironmentObject 用于在视图层次结构中共享数据，无需显式传递。
• 共享的数据对象通过.environmentObject注入并在视图中通过@EnvironmentObject使用。

6.@Environment - 读取系统级别的环境数据

@Environment 用于读取系统级的环境数据，例如当前的 ColorScheme、Locale、SizeCategory 等。 使用场景：

• 用于读取全局环境值，如颜色模式、语言、布局等。

struct ContentView: View {
    @Environment(\.colorScheme) var colorScheme // 获取系统的颜色模式

    var body: some View {
        Text("Current color scheme: \(colorScheme == .dark ? "Dark" : "Light")")
    }
}

• @Environment 用于读取系统环境中的一些共享数据，比如当前的颜色模式或语言设置。