您可以在github上查看：https://github.com/qizhemotuosangeyan/blog

@states

@Binding

ObservableObject,@ObservedObject

@EnvironmentObject

分別是是什么

• 急性子可以直接跳到最后看總結——不過我相信你會回來從頭再看的: ）

前置任務：屬性包裝器(propertyWrapper)

上面的幾個標識符統統以@開頭，這表示他們均由@propertyWrapper產生，所以若要搞清楚這些東西分別有什么用需要先了解propertyWrapper

• 使用@propertyWrapper產生一個屬性包裝器：@XXX，使用這個@XXX 對屬性進行包裝

• 包裝前我想向你介紹幾個創建包裝器的時需要實現的屬性：wrappedValue（被包裝的值）, projectedValue（呈現值）

• 包裝器大概這樣產生

  @propertyWrapper struct 包裝器名稱 {
    var wrappedValue: 類型 {
      get {}
      set {}
    }
    var projectedValue: 類型 {
      return 
    }
    初始化方法（可選）
  }
  

• 其中wrappedValue就是需要包裝的那個值，直接訪問，projectedValue就是你可能希望通過包裝額外呈現出來的某個值，$+屬性名稱訪問（下面有例子）

//我想創造一個體溫溫度包裝器，使用該包裝器包裝的變量總是小于46.5且大于35（假定溫度計的極限是35-46.5度），同時呈現K氏度以供參考
@propertyWrapper struct Temperature {
    var celcius = 35.0//攝氏溫度
    var wrappedValue: Double {
    get {
      return celcius
    }
    set {
      celcius = newValue <= 35 ? 35 : min(46.5, newValue)//如果小于等于35就顯示35度，否則在46.5和設置的溫度中取小
    }
    }
    var projectedValue: Double {
      return celcius + 273.15//K氏度= 攝氏度+ 273.15
    }
}
struct People {
    @Temperature(celcius: 36.5) var templete
}
let people = People()
print("體溫:",people.templete,"K氏度:",people.$templete)

運行結果[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳

@states

這個只要記住一句話：被@State包裝的值發生改變時，UI將被同時更變

個人猜測底層在set方法中對UI進行了更新

import SwiftUI
//又一個字符串HelloWorld，按下按鈕后修改了被State包裝的變量x，所以UI也跟著發生了變化
struct TestView: View {
    @State var x = "HelloWorld"
       var body: some View {
        VStack{
            Text(x)
            Button(action:{self.x = "Hello UI"}){
                Text("ChangeValue")
            }
        }
       }
}

struct TestView_Previews: PreviewProvider {
    static var previews: some View {
        TestView()
    }
}

@Binding

對包裝的值采用傳址而不是傳值（這里有C語言基礎的同學應該可以理解：也就是說傳遞了變量本身而不是拷貝了數據過去）

import SwiftUI
//例子：Text1和Text2是兩個不相關的View，他們共同使用一個數據，當該數據發生改變的時候除了要用@State告訴Text1更新UI，還要告訴Text2更新數字
//button左邊的數字是Text1，右邊的數字是Text2
struct Text1: View {
    @State var x = 5
    var body: some View {
        HStack{
            Text(String(x))
            Button(action: {self.x = 10}){
                Text("change to 10")
            }
            Text2(y: $x)
        }
        
    }
}
struct Text2: View {
    @Binding var y: Int
    var body: some View {
        Text(String(y))
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Text1()
    }
}

@ObservedObject——被觀察的對象

ObservableObject——可以觀察(別人)的對象

注意?：ObservableObject不是屬性包裝器，而是一個協議，滿足協議的類(Class)中使用@Publish標記可能發生改變的屬性。

• 用@Publish標記類(Class)中希望監聽的屬性

• 用@ObservedObject包裝該類(Class)的實例，當這個實例的某些被@Publish標記的屬性發生改變，（Publisher發布者）會在該實例被改變之前廣播給UI(數據的訂閱者)

• 默認情況下，ObservableObject會合成一個objectWillChange發布者。

import SwiftUI
//例子：代碼解讀在代碼后面
struct ContentView: View {
@ObservedObject var john = Human(name: "john", age: 24)
    var body: some View {
        VStack {
            Text(john.name)
            Button(action:{
                self.john.happyBirthday()
            }){
                Text(String(john.age))
            }
        }
    }
}

class Human: ObservableObject {
    @Published var name: String
    @Published var age: Int

    init(name: String, age: Int) {
        self.name = name
        self.age = age
    }

    func happyBirthday() {
        self.name = "Happy birthday"
        self.age += 1
    }
    
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
//一個Human類滿足ObservableObject協議表示這個類在監聽某些屬性
//@Publish name，@Publish age 表示這些屬性在被監聽
//@ObservedObject var john 表示john對象是被監聽的對象
//點擊按鈕調用self.john.happyBirthday()，改變了john的名字和年齡
//UI收到了Publisher的廣播，自動更新了界面

• 想比@State解決了哪些問題呢：這里借用喵神(https://onevcat.com)的一句話：

  如果你需要在多個 View 中共享數據，@State可能不是很好的選擇;如果還需要在 View 外部操作數據，那么 @State 甚至就不是可選項了。含有少數幾個成員變量的值類型，也許使用 @State 也還不錯。但是對于更復雜的情況，例如含有很多屬性和方法的類型，可能其 中只有很少幾個屬性需要觸發 UI 更新，也可能各個屬性之間彼此有關聯，那 么我們應該選擇引用類型和更靈活的可自定義方式。
  

@EnvironmentObject

文檔：A property wrapper type for an observable object supplied by a parent or ancestor view.

翻譯：父視圖或祖先視圖提供的可觀察對象的屬性包裝器類型。

注意?：強調可觀察（Class應當滿足ObservableObject協議），強調對象（必須是Class而不是Struct or Enum）

import SwiftUI
//代碼解釋在下面
struct ContentView: View {
@ObservedObject var john = Human(name: "john", age: 24)
    var body: some View {
        VStack {
            Text(john.name)
            Button(action:{
                self.john.happyBirthday()
            }){
                SubView()
                .environmentObject(john)
            }
        }
    }
}
struct SubView: View {
    @EnvironmentObject var john: Human
    var body: some View {
        Text(john.name)
    }
}
class Human: ObservableObject {
    @Published var name: String
    @Published var age: Int

    init(name: String, age: Int) {
        self.name = name
        self.age = age
    }

    func happyBirthday() {
        self.name = "Happy birthday"
        self.age += 1
    }
    
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
//在父View中的被觀察對象(被@ObservedObject包裝的john)在子View中使用，只需要在子View中用@EnviromentObject 包裝同類型的變量并在調用子View的時候使用.environmentObject(john)顯式的說明

總結

1. View與View間的公用數據使用@State + @Binding。

2. 多個View與Class間的公用數據：對View用@ObservedObject，讓Class滿足ObservableObject協議。

3. 父View與子View對Class間的公用數據：父View用@ObservedObject，子View用@EnvironmentObject，Class滿足ObservableObject協議