使用@Published发布属性变更

使用 @Published 发布属性变更，是构建响应式 SwiftUI 应用的关键一步！🚀 让我们一起深入了解如何利用它来驱动视图更新。

什么是 @Published？

@Published 是一个属性包装器，用于标记 ObservableObject 中的属性。当被 @Published 标记的属性发生变化时，它会自动通知所有监听该对象的视图，从而触发视图更新。这使得数据变化能够实时反映在用户界面上。

• 它简化了手动发送通知的复杂性。
• 确保数据更改自动同步到 UI。
• 是构建动态 SwiftUI 应用的基础。

如何使用 @Published

首先，你需要创建一个符合 ObservableObject 协议的类。然后，在你希望能够触发视图更新的属性前添加 @Published。

class UserData: ObservableObject {
    @Published var userName: String = "Guest"
}

在这个例子中，userName 属性被标记为 @Published。每当 userName 的值发生改变，所有订阅了 UserData 对象的视图都会自动更新。

以下是一些使用 @Published 的步骤：

1. 创建一个类并使其符合 ObservableObject 协议。
2. 使用 @Published 标记你想要监听的属性。
3. 在视图中使用 @ObservedObject 或 @StateObject 来监听该对象。

示例：实时更新用户名

让我们创建一个简单的 SwiftUI 视图，它显示并允许用户编辑用户名。

struct ContentView: View {
    @ObservedObject var userData = UserData()

    var body: some View {
        VStack {
            Text("你好, \(userData.userName)!")
                .padding()

            TextField("输入你的名字", text: $userData.userName)
                .padding()
        }
    }
}

在这个例子中，TextField 通过双向绑定 $userData.userName 连接到 UserData 对象的 userName 属性。每当用户在 TextField 中输入新的名字，userName 的值就会更新，并且 Text 视图会自动更新以显示新的用户名。🎉

注意事项

• @Published 只能用于类中的属性。
• 确保你的类符合 ObservableObject 协议。
• 使用 @ObservedObject 或 @StateObject 来监听对象的变化。

通过合理使用 @Published，你可以轻松构建出响应迅速、数据驱动的 SwiftUI 应用。记住，实践是最好的老师！动手尝试，你会发现 @Published 的强大之处。💪