来自 ObservableObject 的绑定值

Question

目标：

我有一个模型是 ObservableObject。它有一个Bool 属性，我想用这个Bool 属性来初始化一个@Binding 变量。

问题：

1. 如何将@ObservableObject 转换为@Binding？
2. 创建@State 是初始化@Binding 的唯一方法吗？

注意：

• 我知道我可以使用@ObservedObject / @EnvironmentObject，我看到它很有用，但我不确定一个简单的按钮是否需要访问整个模型。
• 还是我的理解有误？

代码：

import SwiftUI
import Combine
import SwiftUI
import PlaygroundSupport

class Car : ObservableObject {

    @Published var isReadyForSale = true
}

struct SaleButton : View {

    @Binding var isOn : Bool

    var body: some View {

        Button(action: {

            self.isOn.toggle()
        }) {
            Text(isOn ? "On" : "Off")
        }
    }
}

let car = Car()

//How to convert an ObservableObject to a Binding
//Is creating an ObservedObject or EnvironmentObject the only way to handle a Observable Object ?

let button = SaleButton(isOn: car.isReadyForSale) //Throws a compilation error and rightly so, but how to pass it as a Binding variable ?

PlaygroundPage.current.setLiveView(button)

Answer 1

Binding变量可以通过以下方式创建：

1. @State 变量的预计值提供了 Binding<Value>
2. @ObservedObject 变量的投影值提供了一个包装器，您可以从中获取 Binding<Subject> 的所有属性
3. 第 2 点也适用于 @EnvironmentObject。
4. 您可以通过为 getter 和 setter 传递闭包来创建 Binding 变量，如下所示：

let button = SaleButton(isOn: .init(get: { car.isReadyForSale },
                                    set: { car.isReadyForSale = $0} ))

注意：

• 正如@nayem 所指出的，您需要在视图中使用@State / @ObservedObject / @EnvironmentObject / @StateObject（在SwiftUI 2.0 中添加），以便SwiftUI 自动检测更改。
• 使用$前缀可以方便地访问投影值。

Answer 2

struct ContentView: View {
    @EnvironmentObject var car: Car

    var body: some View {
        SaleButton(isOn: self.$car.isReadyForSale)
    }
}

class Car: ObservableObject {
    @Published var isReadyForSale = true
}

struct SaleButton: View {
    @Binding var isOn: Bool

    var body: some View {
        Button(action: {
            self.isOn.toggle()
        }) {
            Text(isOn ? "On" : "Off")
        }
    }
}

确保您的SceneDelegate 中有以下内容：

// Create the SwiftUI view that provides the window contents.
let contentView = ContentView()
    .environmentObject(Car())

Answer 3

1. 您有几个选项来观察ObservableObject。如果要与对象的状态保持同步，则不可避免地要观察 stateful 对象的状态。从选项中，最常见的是：

   • @State
   • @ObservedObject
   • @EnvironmentObject

这取决于您，哪一个适合您的用例。

1. 没有。但是您需要有一个对象，该对象可以在任何时间点观察到对该对象所做的任何更改。

---

实际上，你会有这样的东西：

class Car: ObservableObject {
    @Published var isReadyForSale = true
}

struct ContentView: View {

    // It's upto you whether you want to have other type 
    // such as @State or @ObservedObject
    @EnvironmentObject var car: Car

    var body: some View {
        SaleButton(isOn: $car.isReadyForSale)
    }

}

struct SaleButton: View {
    @Binding var isOn: Bool
    var body: some View {
        Button(action: {
            self.isOn.toggle()
        }) {
            Text(isOn ? "Off" : "On")
        }
    }
}

如果您准备好使用@EnvironmentObject，您将使用以下命令初始化您的视图：

let contentView = ContentView().environmentObject(Car())