Swift之深入解析SwiftUI属性包装器如何处理结构体

  • 已经了解了 SwiftUI 如何通过使用 @State 属性包装器将变化的数据存储在结构体中,如何使用 $ 将状态绑定到UI控件的值,以及更改 @state 包装的属性时是如何自动让 SwiftUI 重新调用结构体的 body 属性的。
  • 所有这些结合在一起,可以编写如下代码:
struct ContentView: View {
    
    
    @State private var blurAmount: CGFloat = 0

    var body: some View {
    
    
        VStack {
    
    
            Text("Hello, World!")
                .blur(radius: blurAmount)

            Slider(value: $blurAmount, in: 0...20)
        }
    }
}
  • 如果执行这些代码,将会发现左右拖动滑块可以完全按照预期调整文本标签的模糊量。现在,假设我们希望该绑定不仅仅是处理模糊效果的半径,想将其保存到 UserDefaults 中,运行一个方法,或者只是打印出该值以进行调试,可以尝试像这样更新属性:
@State private var blurAmount: CGFloat = 0 {
    
    
    didSet {
    
    
        print("New value is \(blurAmount)")
    }
}
  • 如果运行该代码,可能会出现失望的结果:当拖动滑块周围时,会看到模糊量的变化,但是不会看到我们的 print() 语句被触发,实际上什么都不会输出。
  • 为了了解这里的原因,可以考虑一下在使用 Core Data 时:使用 @FetchRequest 属性包装器查询我们的数据,以及如何直接使用 FetchRequest 结构体,以便可以更好地控制它是如何创建的。
  • 属性包装器具有该名称,因为它们将我们的属性包装在另一个结构体中。对于许多属性包装器而言,该结构体与包装器本身具有相同的名称,但是使用 @FetchRequest 时展示了实际上是如何实际读取其中的包装值,获取的结果,而不是请求本身。
  • 这意味着当使用 @State 来包装字符串时,最终得到的实际属性类型是 State。类似地,当使用 @Environment 和其他环境时,我们最终得到一个 Environment 类型的结构体,该结构体内部包含一些其他值。
  • 之前曾解释说,我们无法在视图中修改属性,因为它们是结构体,因此是固定的。但是,现在知道 @State 本身会生成一个结构体,因此面临一个难题:如何修改该结构体?
  • Xcode 有一个非常有用的命令,称为“快速打开”(使用 Cmd + Shift + O 进行访问),该命令可以在项目或已导入的任何框架中找到任何文件或类型。现在将其激活,然后输入 “State”,希望第一个结果在其下方显示 SwiftUI,但如果没有,请找到并选择它:

在这里插入图片描述

  • 将进入 SwiftUI 生成的界面,该界面实质上是 SwiftUI 向我们展示的所有的部分。那里没有实现代码,只有协议,结构体,修饰符等的许多定义。
  • 我们可以查看 state,因此应该被带到此行:
@propertyWrapper public struct State<Value> : DynamicProperty {
    
    
  • 该 @propertyWrapper 属性使它成为 @State 供我们使用,现在往下看几行,可以看到以下内容:
public var wrappedValue: Value {
    
     get nonmutating set }
  • 该包装值是我们要存储的实际值,例如字符串,这个生成的接口告诉我们,该属性可以读取(get)和写入(set),但是当设置该值时,它实际上不会更改结构体本身。在后台,它将值发送给SwiftUI以便存储在可以自由修改的位置,因此,结构体本身永不改变。
  • 现在知道了所有这些,让我们回到问题代码:
@State private var blurAmount: CGFloat = 0 {
    
    
    didSet {
    
    
        print("New value is \(blurAmount)")
    }
}
  • 在表面上,状态为“ 当blurAmount 更改时,打印出它的新值”。但是,由于 @State 实际上会包装其内容,因此实际上是说,当包装 blurAmount 的 State 结构体更改时,请打印出新的模糊量。
  • 还在这儿?现在让我们更进一步:已经看到 State 如何使用一个非可变的 setter 包装其值,这意味着 blurAmount 或包装它的 State 结构体都没有改变,我们的绑定直接改变了内部存储的值,这意味着属性观察者永远不会被触发。

Guess you like

Origin blog.csdn.net/Forever_wj/article/details/121755529