SwiftUI 属性包装器系列 --- @State @Binding

@State

@State属性包装器在视图里面使用,允许视图对@State的属性进行响应。@State是视图本身初始化的属性。它不能获取另一个对象的@State属性的值。

less 复制代码
struct StateExample: View {
  @State private var intValue = 0
  @State private var modelObject = MyModelObject()

  var body: some View {
    VStack {
      Text("intValue equals (intValue)")
      Button("Increment") {
        intValue += 1
      }
    }
  }
}

SwiftUI会存储@State属性的值,并在视图重新渲染期间保存它的值。这使得@State非常适合用于视图本身的状态管理,因此在视图实例刷新(重构)的时候会保留状态。

请注意:将视图的@State属性标记private,从而防止任何外部修改视图的@State属性。

@State使用的注意事项:

  • 属性的类型通常是值类型(structenum)。
  • 在iOS 17+时可以包装一个@Observable的对象。
  • 视图本身创建(并拥有)的属性。
  • 需要响应某个属性发生的改变。

请注意,在引用类型 (class) 上使用 @State ,但更改实例本身的属性不会更新。即使您更改的属性是@Published 。在 iOS 17+ 上,用 @Observable注释的对象可以使用 @State并且会起到更新的作用。该@Observable宏使用一种特殊的机制将模型更改传达给视图。

@Binding

@Binding属性包装器用于视图属性的传递。接收绑定的视图能够读取绑定的属性,响应父视图所做的改变,并且拥有对该属性的读写。

接收@Binding属性的值并且点击按钮导致intValue改变的例子:

swift 复制代码
struct StateView: View {
  @State private var intValue = 0
  var body: some View {
    VStack {
      Text("intValue equals (intValue)")
      BindingView(intValue: $intValue)
    }
  }
}

struct BindingView: View {
  @Binding var intValue: Int

  var body: some View {
    Button("Increment") {
      intValue += 1
    }
  }
}

@State属性的值是可以传递给子视图,以便它们可以通过绑定修改属性而不是直接修改属性。在@Binding内部,当您的视图被丢弃时,值不会保留。因为@Binding总是由外部传值的。@State@Binding的区别就是当视图被丢弃并重新创建以进行新渲染时,其值仍然存在。

@Binding使用的注意事项:

  • 需要对父视图拥有的属性进行读写。
  • 属性是值类型(structenum)。(可以是引用类型 ( class),但它并不常见。)
  • 不拥有属性的值状态(它由父视图提供)。
相关推荐
大熊猫侯佩17 小时前
WWDC26 SwiftUI 进化之路:砸碎黑盒,彻底迎来开发自由!
ios·swiftui·swift
游戏开发爱好者818 小时前
iPhone真机调试有哪些方法?一次定位推送权限问题时整理出来的几种方案
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
大熊猫侯佩1 天前
WWDC26 最被忽视的王炸:告别“伪并发”陷阱,Swift 6.4 的 async defer
ios·swift·编程语言
人月神话-Lee3 天前
WWDC26 深度解析:如何在 iOS 27 中打造“秒开”的相机体验
ios·swift·相机·wwdc·用户体验
Tr2e4 天前
🐱 从 0 到 1:用 Swift 手搓一个 macOS 桌面宠物(附源码)
macos·ios·swift
人月神话-Lee4 天前
【WWDC】Core AI:iOS 端侧大模型新纪元
人工智能·ios·ai·swift·wwdc·core ai
2501_916007474 天前
iOS 开发工具选择指南 从编辑器、编译器到自动化构建
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
Fatbobman(东坡肘子)4 天前
WWDC 2026 初印象:符合预期,但更务实 -- 肘子的 Swift 周报 #139
人工智能·macos·ios·swiftui·swift·wwdc
大熊猫侯佩5 天前
WWDC26 全网首发:SwiftUI 8 “可重排序“操作符深度解析
ios·swiftui·swift