State
基本描述:
和一般的存储属性不同,@State 修饰的值,在 SwiftUI 内部会被自动转换为一对 setter 和 getter,对这个属性进行赋值的操作将会触发 View 的刷新,它的 body 会被再次调用,底层渲染引擎会找出界面上被改变的部分,根据新的属性值计算出新的 View,并进行刷新。
使用示例:
struct ContentView: View {
@State var count = 0
var body: some View {
VStack{
Text(count)
Button("点击+1") {
count+=1
}
.background(.orange)
}
}
}
结果描述:通过@State定义变量count,点击按钮会触发Text中数字的显示
Binding
基本描述:
和 @State 类似,@Binding 也是对属性的修饰,它做的事情是将值语义的属性“转换”为引用语义。对被声明为 @Binding 的属性进行赋值,改变的将不是属性本身,而是它的引用,这个改变将被向外传递.
使用示例:
struct ContentView: View {
@State var count = "eeer"
var body: some View {
VStack{
MapView(count1: $count)
}
Text(count)
.padding()
}
}
struct MapView: View{
@Binding var count1: String
var body: some View {
Button("点我") { //添加一个按钮,指定标题文字为 First button
self.count1 = "1234567890"
}
}
}
结果描述:使用@state可以实现在当前view视图内的状态管理,但是如果需要将状态传递到子视图,并且实现双向绑定就需要使用@Binding来实现,示例中通过@Binding绑定上层传递过来的count1,当点击按钮后,会发现最上层view的Text内容变成了1234567890,这里就实现了双向绑定,并且通过@Binding绑定的数据或者对象其生命周期同MapView保存一致
ObservedObject
基本描述:
如果说 @State 是全自动驾驶的话,ObservableObject 就是半自动,它需要一些额外的声明。ObservableObject 协议要求实现类型是 class,它只有一个需要实现的属性:objectWillChange。在数据将要发生改变时,这个属性用来向外进行“广播”,它的订阅者 (一般是 View 相关的逻辑) 在收到通知后,对 View 进行刷新。
创建 ObservableObject 后,实际在 View 里使用时,我们需要将它声明为 @ObservedObject。这也是一个属性包装,它负责通过订阅 objectWillChange 这个“广播”,将具体管理数据的 ObservableObject 和当前的 View 关联起来。
使用示例:
class Person:ObservableObject{
@Published var name = "张三"
}
struct ContentView: View {
@ObservedObject var p = Person()
var body: some View {
VStack{
Text(p.name)
.padding()
Button("点我") { //添加一个按钮,指定标题文字为 First button
p.name = "1234567890"
}
}
}
}
@ObservedObject修饰的必须是遵守ObservableObject 协议的class对象
class对象的属性只有被@Published修饰时,属性的值修改时,才能被监听到