首页 > 其他分享 >SwiftUI 状态管理@State、@Binding、@ObservedObject、@EnvironmentObject、@StateObject

SwiftUI 状态管理@State、@Binding、@ObservedObject、@EnvironmentObject、@StateObject

时间:2022-11-08 11:02:15浏览次数:39  
标签:count StateObject ObservedObject Binding State var 属性 View

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修饰时,属性的值修改时,才能被监听到

标签:count,StateObject,ObservedObject,Binding,State,var,属性,View
From: https://www.cnblogs.com/qqcc1388/p/16868912.html

相关文章