在 SwiftUI 中，@State、@Binding 和 @Environment 是三种用于管理和共享视图状态的关键属性包装器。它们各自的用法、特性、以及适用场景有着显著的区别。除了这些，SwiftUI 还有其他一些类似的关键字，如 @ObservedObject、@StateObject 和 @EnvironmentObject，这些也是用于状态管理的。
1. @State
@State 是 SwiftUI 中最基础的状态管理机制。它用于声明一个视图的私有状态，并且在状态变化时自动刷新视图。
-
用法: 适用于视图的局部状态，该状态不会被其他视图直接访问或修改。
-
特性:
@State变量是由视图自己管理的，它的生命周期与视图绑定。- 当
@State变量改变时，视图会自动重新渲染。 - 只能在视图内部使用，不能直接传递给其他视图。
-
注意点:
@State适合处理轻量级的、局部的状态，不适合跨视图层次结构共享的状态。
struct CounterView: View {
@State private var count = 0
var body: some View {
VStack {
Text("Count: \(count)")
Button("Increment") {
count += 1
}
}
}
}
2. @Binding
@Binding 用于在父视图和子视图之间共享状态。它允许子视图访问和修改父视图中的状态。
-
用法: 当需要将一个状态传递给子视图，并允许子视图修改该状态时使用。
-
特性:
@Binding并不创建新的状态，而是引用了另一个状态（通常是@State）。- 通过
@Binding，子视图可以双向绑定父视图的状态。
-
注意点:
- 使用
@Binding时，需要确保绑定的状态在某个父视图中存在且被管理。 @Binding不能脱离它引用的状态独立存在。
- 使用
struct ParentView: View {
@State private var isOn = false
var body: some View {
ToggleView(isOn: $isOn)
}
}
struct ToggleView: View {
@Binding var isOn: Bool
var body: some View {
Toggle("Toggle", isOn: $isOn)
}
}
3. @Environment
@Environment 用于访问 SwiftUI 环境中的共享数据。SwiftUI 提供了一些默认的环境值，如 colorScheme、locale 等，同时你也可以自定义环境值。
-
用法: 适用于在应用中共享配置或依赖上下文的场景。
-
特性:
@Environment提供了一种依赖注入的机制，可以让视图访问环境中的值，而无需直接传递。- 环境值通常是不可变的，但可以在更高层次的视图中通过
@Environment或@EnvironmentObject修改。
-
注意点:
- 自定义的环境值需要通过
.environment(_:_:)方法在视图层次结构中注入。 @Environment主要用于上下文依赖，不适合频繁变化的数据。
- 自定义的环境值需要通过
struct ContentView: View {
@Environment(\.colorScheme) var colorScheme
var body: some View {
Text("Current color scheme: \(colorScheme == .dark ? "Dark" : "Light")")
}
}
4. @ObservedObject
@ObservedObject 用于监视一个遵循 ObservableObject 协议的对象。当该对象的属性发生变化时，视图会自动更新。
-
用法: 适用于跨越多个视图的共享状态，需要视图对状态的变化做出响应。
-
特性:
@ObservedObject用于外部提供的、可能在多个视图中使用的状态。ObservableObject协议要求对象在其属性发生变化时通过@Published触发视图更新。
-
注意点:
- 如果对象的生命周期不依赖于视图，则适合使用
@ObservedObject。 - 多个视图可以共享同一个
@ObservedObject实例。
- 如果对象的生命周期不依赖于视图，则适合使用
class CounterModel: ObservableObject {
@Published var count = 0
}
struct CounterView: View {
@ObservedObject var model = CounterModel()
var body: some View {
VStack {
Text("Count: \(model.count)")
Button("Increment") {
model.count += 1
}
}
}
}
5. @StateObject
@StateObject 是 SwiftUI 中用来声明和管理 ObservableObject 的一种方式，适用于在视图创建时初始化并持有的对象。
-
用法: 用于视图中创建和管理
ObservableObject实例。 -
特性:
@StateObject负责对象的生命周期管理，它确保对象在视图的生命周期内存在。- 与
@ObservedObject不同，@StateObject适用于初始化并持有对象。
-
注意点:
- 在视图初始化时创建对象，并且该对象在视图的整个生命周期中保持存在。
struct ContentView: View {
@StateObject private var model = CounterModel()
var body: some View {
VStack {
Text("Count: \(model.count)")
Button("Increment") {
model.count += 1
}
}
}
}
6. @EnvironmentObject
@EnvironmentObject 是另一种用于跨多个视图共享 ObservableObject 的机制。与 @ObservedObject 不同，它通过环境注入对象。
-
用法: 用于全局共享的、跨视图的对象，通常由应用的根视图或某个上层视图注入。
-
特性:
@EnvironmentObject允许在整个视图层次结构中轻松访问共享对象。- 适用于全局状态管理，如用户设置、应用主题等。
-
注意点:
- 必须在父视图中通过
.environmentObject()将对象注入视图树，否则会导致运行时错误。 - 适用于全局状态，但要避免滥用以防止难以调试的依赖关系。
- 必须在父视图中通过
class UserSettings: ObservableObject {
@Published var username: String = "Guest"
}
struct ProfileView: View {
@EnvironmentObject var settings: UserSettings
var body: some View {
Text("Username: \(settings.username)")
}
}
@main
struct MyApp: App {
var settings = UserSettings()
var body: some Scene {
WindowGroup {
ProfileView()
.environmentObject(settings)
}
}
}
总结
@State: 用于局部状态管理，适用于单一视图。@Binding: 用于在视图之间双向绑定状态，适用于父子视图之间的状态共享。@Environment: 用于访问环境中的共享值，适用于依赖上下文或全局设置的视图。@ObservedObject: 用于监视外部提供的状态对象，适用于多个视图共享的状态。@StateObject: 用于在视图中创建并持有状态对象，适用于初始化和管理ObservableObject的情况。@EnvironmentObject: 用于全局共享的状态对象，适用于应用中广泛使用的状态管理。
@ObservedObject 与通知的比较
在 Objective-C 中，通知机制（Notification）用于在不同对象之间传播事件。对象通过 NSNotificationCenter 注册观察特定的通知，当通知发布时，所有注册的观察者都会收到该通知进行相应处理。这是一种松耦合的通信方式。
然而，SwiftUI 中的 @ObservedObject 比通知更为结构化和强类型。它不仅用于观察对象的变化，还能直接驱动视图更新。
@ObservedObject: 在 SwiftUI 中，用于监视遵循ObservableObject协议的对象。当该对象的@Published属性发生变化时，视图会自动更新。这种方式强调数据驱动的 UI 更新，紧密结合状态和视图。
class CounterModel: ObservableObject {
@Published var count = 0
}
struct CounterView: View {
@ObservedObject var model: CounterModel
var body: some View {
VStack {
Text("Count: \(model.count)")
Button("Increment") {
model.count += 1
}
}
}
}
在这个例子中，CounterModel 是一个 ObservableObject，当 count 属性发生变化时，所有观察这个对象的视图（比如 CounterView）都会自动更新。
@StateObject 的深度理解
@StateObject 用于声明和管理视图中的 ObservableObject 实例。这意味着该对象的生命周期由视图管理，并且在视图的整个生命周期内存在。它在 SwiftUI 2.0 中引入，以解决在视图创建过程中管理 ObservableObject 的问题。
@StateObject只能用于创建ObservableObject的实例，并持有它以确保对象在视图的整个生命周期内保持一致。@StateObject是因为State管理了该对象的生命周期，确保对象在视图的整个生命周期中存在。
举例说明：
class UserModel: ObservableObject {
@Published var name: String = "Guest"
}
struct ContentView: View {
@StateObject private var user = UserModel()
var body: some View {
VStack {
Text("Username: \(user.name)")
Button("Change Name") {
user.name = "John Doe"
}
}
}
}
同一对象的多视图共享：@StateObject 和 @ObservedObject
如果你希望在多个视图中共享同一对象，通常会在顶层视图中使用 @StateObject 来创建并管理对象，然后在子视图中通过 @ObservedObject 来观察这个对象。
class AppSettings: ObservableObject {
@Published var theme: String = "Light"
}
struct ParentView: View {
@StateObject private var settings = AppSettings()
var body: some View {
VStack {
ThemeView()
AnotherView()
}
.environmentObject(settings) // 注入对象到环境中
}
}
struct ThemeView: View {
@EnvironmentObject var settings: AppSettings
var body: some View {
Text("Current Theme: \(settings.theme)")
}
}
struct AnotherView: View {
@EnvironmentObject var settings: AppSettings
var body: some View {
Button("Switch Theme") {
settings.theme = (settings.theme == "Light") ? "Dark" : "Light"
}
}
}
总结
@ObservedObject: 用于视图观察外部的ObservableObject，当对象的属性变化时会重新渲染视图。它不像通知那样松耦合，更加结构化。@StateObject: 用于在视图内部声明和持有一个ObservableObject的实例，确保该对象在视图的生命周期内保持一致。- 区别:
@StateObject创建并持有对象的实例，适用于视图生命周期内的状态管理。@ObservedObject则用于观察由外部传入的对象实例，适用于共享和订阅变化。
1. @EnvironmentObject 与 @Environment 的区别
@EnvironmentObject
@EnvironmentObject是一种用于在视图层次结构中共享和传递ObservableObject实例的机制。它通常用于跨越多个视图层级共享数据。- 你可以在顶层视图或应用的根视图中通过
.environmentObject()方法注入一个ObservableObject实例，然后在任意子视图中通过@EnvironmentObject来访问和修改这个对象。 - 这对于需要在应用中广泛共享状态的场景非常适用，例如用户设置、应用主题、全局配置等。
示例：
class UserSettings: ObservableObject {
@Published var username: String = "Guest"
}
@main
struct MyApp: App {
var settings = UserSettings()
var body: some Scene {
WindowGroup {
ContentView()
.environmentObject(settings) // 注入环境对象
}
}
}
struct ContentView: View {
@EnvironmentObject var settings: UserSettings
var body: some View {
Text("Username: \(settings.username)")
}
}
在这个例子中，UserSettings 对象被注入到视图环境中，然后可以在整个视图层次结构中通过 @EnvironmentObject 访问。
@Environment
@Environment用于访问 SwiftUI 环境中的值，这些值通常由系统或上级视图提供。@Environment的值可以是系统提供的，例如colorScheme、locale，也可以是你自定义的值。@Environment更适用于读取那些依赖于视图上下文或全局配置的值，通常这些值是只读的，但你也可以通过设置这些值来影响整个应用的行为。
示例：
struct ContentView: View {
@Environment(\.colorScheme) var colorScheme
var body: some View {
Text("Current color scheme: \(colorScheme == .dark ? "Dark" : "Light")")
}
}
在这个例子中，@Environment(\.colorScheme) 用于访问系统的当前颜色模式（例如浅色模式或深色模式），并根据它动态更新视图。
理解“通过环境注入对象”和“跨多个视图共享 ObservableObject”
-
通过环境注入对象:
@EnvironmentObject是通过 SwiftUI 的环境系统来注入的，它依赖于视图层次结构中上级视图的.environmentObject()调用。这种注入机制使得视图层次结构中的任意子视图都可以访问同一个ObservableObject实例，而不需要显式地传递对象引用。这种方式对于全局状态管理非常便利。 -
跨多个视图共享
ObservableObject: 由于@EnvironmentObject是通过环境注入的，这意味着任何一个视图都可以访问同一个ObservableObject，而不需要明确地传递它。它非常适合用于那些需要在多个视图之间共享的状态，例如用户设置、应用主题等。
@EnvironmentObject 和 @Binding 的对比
-
@EnvironmentObject: 适用于跨多个视图层次结构共享ObservableObject，尤其是当视图层次结构深且需要访问全局状态时。它通过环境注入对象，简化了对象在多层级视图间的传递。 -
@Binding: 适用于父子视图之间的状态共享和双向绑定。它让子视图可以访问并修改父视图的状态。@Binding更适合在直接的父子关系中使用，当你只需要在两个层级之间共享状态时，它是最好的选择。
总结与应用场景
-
@EnvironmentObject是为了解决全局状态共享问题，特别适用于需要在应用中广泛使用的ObservableObject。它使得在深层次的视图层次结构中访问共享状态更加简单，而无需显式传递。 -
@Environment更适合访问依赖上下文的环境值，通常用于读取系统配置或上级视图提供的环境值。 -
@Binding则是为父子视图之间的状态共享设计的，适用于简单的双向数据绑定。
因此，@Binding 更适合在父子两层级之间传递数据，而 @EnvironmentObject 适用于跨越多层级视图结构的全局状态共享。
1450
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
