04.状态管理和数据绑定

在 Swift 和 Objective-C 中，我们使用代理和观察者模式来管理状态，但是在 SwiftUI 中，它引入了一种新的方法来管理状态 - 声明式数据流。

状态管理

在 SwiftUI 中，状态是希望应用程序在运行时更改的值。例如，可以为颜色、大小、位置等设置状态。在 SwiftUI 中，状态管理非常简单，因为每当状态更改时，视图自动重新渲染。

使用 @State 属性包装器声明状态，例如：

struct ContentView: View {
    @State private var isOn = false
    
    var body: some View {
        Toggle(isOn: $isOn) {
            Text("Switch")
        }
    }
}

上面代码，声明了一个名为 isOn 的状态，并将其初始值设置为 false。然后，我们使用 Toggle 视图来在 UI 中显示该状态，并使用 $isOn 绑定到状态变量。这样，每当开关的值更改时，状态值也会更改。

数据绑定

在 SwiftUI 中，数据绑定指的是将数据与视图绑定在一起的能力。使用数据绑定，每当数据更改时，视图将自动更新以反映新的值。

您可以使用 @State 和 @Binding 属性包装器来进行数据绑定。在上面的示例中，我们已经使用了 @State 属性包装器，现在让我们看看如何使用 @Binding。

struct ContentView: View {
    @State private var isOn = false
    
    var body: some View {
        ChildView(isOn: $isOn)
    }
}

struct ChildView: View {
    @Binding var isOn: Bool
    
    var body: some View {
        Toggle(isOn: $isOn) {
            Text("Switch")
        }
    }
}

上面代码，创建了一个名为 ChildView 的子视图，它具有一个名为 isOn 的绑定变量。然后，我们在父视图 ContentView 中创建了 ChildView 实例，并使用 $isOn 绑定到状态变量。现在，每当 ChildView 中的 Toggle 更改时，状态变量 isOn 也会更改。

总结

在 SwiftUI 中，状态管理和数据绑定非常简单。使用 @State 属性包装器声明状态，并使用 $ 操作符将其绑定到视图中。使用 @Binding 属性包装器将状态从一个视图传递到另一个视图。当状态更改时，视图会自动更新以反映新的值，使您的应用程序更加动态和流畅。