SwiftUI数据流与界面绑定

Posted 2021-03-01 liuxiaokun

SwiftUI 中引入了一个关键字 @State 来作为数据绑定的标识。当一个被绑定的数据被改变时，相关联的视图会重新计算它自己的 body 内容；反过来，当视图主动去改变绑定在数据上的属性时，这个数据也会随之变化

SwiftUI 的数据流模型是基于下面两点原则来构建的：

Data Access as a Dependency：以依赖的形式访问数据 Source of Truth：单一数据源

展开来看： Data Access as a Dependency 在多数情况下，我们的视图是需要根据某些状态来动态变化显示样式的，比如对于 Switch 来说，改变它的 on 属性可以让它显示当前的开关状态。

对于这种情况，on 属性就应该作为 Switch 的依赖而存在，否则这个控件除了长得好看就一无是处了。所以在 SwiftUI 里，属性会被描述为视图的依赖，这意味着我们的注意力可以从属性和视图的关联里抽身出来，集中在建立更好的用户体验上。

Source of Truth 同一组视图里的数据都是来自于同一个数据源的

使用 @State 标记的变量会自动生成一个以 $ 作为前缀的新变量，这个新变量本质上是一个 Computed Value，实现了双向绑定的机制

通过声明变量为 @Binding，我们就告诉了编译器这个变量是从外部传入的可以被绑定的参数，相当于 React 里的 Props 声明

变量的声明和使用都是在一个结构体里面完成的，这就意味着这个视图与 视图 是解偶的

 

SwiftUI数据流温故知新 - 属性包装

@State

@State属性允许修改Struct的属性，这些属性在普通的Struct里面是不允许修改的。当把@State放置到属性前，该属性实际上会被放到Struct的外部存储起来，这意味着SwiftUI能够随时销毁和重建Struct而不会丢失属性的值。

@State包装的属性通常是设置成私有的，不让外部使用。如果想让外部使用，则应该使用@ObservedObject和@EnvironmentObject，他们能够使外部修改属性后，状态能够得到改变。

建议把@State包装的属性都设置成私有

@Published

@Published是SwiftUI最有用的包装之一，允许我们创建出能够被自动观察的对象属性，SwiftUI会自动监视这个属性，一旦发生了改变，会自动修改与该属性绑定的界面。

1.首先需要遵循ObservableObject属性

class Bag: ObservableObject { var items = [String]() }

2.包装属性

class Bag: ObservableObject { @Published var items = [String]() }

这样就完成了。@Published包装会自动添加willSet方法监视属性的改变。

@ObservedObject

@ObservedObject告诉SwiftUI，这个对象是可以被观察的，里面含有被@Published包装了的属性。

@ObservedObject包装的对象，必须遵循ObservableObject协议。也就是说必须是class对象，不能是struct。

@ObservedObject允许外部进行访问和修改。

@EnvironmentObject

@EnvironmentObject包装的属性是全局的，整个app都可以访问

需要注意的是，不需要给定默认值，由于该属性是整个app都可以访问的，SwiftUI会自动的从环境中取出来。

当****有这样一个场景，A->B->C->D->E->F，A界面的数据要传递给F界面，假如使用@ObservedObject包装，则需要一层一层传递，而使用@EnvironmentObject则不需要，直接在F界面，通过SwiftUI环境直接取出来就行。

需要注意的是，当界面显示时，就会去环境中取，但是，假如之前没有把属性放到环境中，则程序会崩溃。

@Environment

@Environment与@EnvironmentObject作用是不同的，@Environment是从环境中取出预定义的值，比如获得当前是暗黑模式还是正常模式，屏幕的大小等等。

@Environment(.horizontalSizeClass) var horizontalSizeClass
@Environment(.managedObjectContext) var managedObjectContext

@Binding

@Binding也是非常重要的一个包装，声明一个属性是从外部获取的，并且与外部是共享的。相当于外部传过来的时候，不是传递的值。任何一方修改都会让SwiftUI的监视生效。

@GestureState

@GestureState能够让我们传递手势的状态，虽然使用@State也能实现，但@GestureState能让手势结束后我们回到最初的状态。

设置属性，设置zero意味着手势结束后，会回到最初的值。