Question

在我的SwiftUI应用中，每次值更改时，我都需要从ObservedObject获取数据。我知道我们可以使用.onReceive来做到这一点？我不太了解Apple的文档。我不知道该怎么办。

我的代码：

import SwiftUI
import CoreLocation

struct Compass: View {

  var locationManager = CLLocationManager()
  @ObservedObject var location: LocationManager = LocationManager()
  @State private var angle: CGFloat = 0

  var body: some View {
    VStack {
      Image("arrow")
        .resizable()
        .aspectRatio(contentMode: .fit)
        .frame(width: 300, height: 300)
        .modifier(RotationEffect(angle: -CGFloat(self.angle.degreesToRadians)))
        .onReceive(location, perform: {
          withAnimation(.easeInOut(duration: 1.0)) {
            self.angle = self.location.heading
          }
        })

      Text(String(self.location.heading.degreesToRadians))
        .font(.system(size: 20))
        .fontWeight(.light)
        .padding(.top, 15)
    }
  }
}

struct RotationEffect: GeometryEffect {
  var angle: CGFloat

  var animatableData: CGFloat {
    get { angle }
    set { angle = newValue }
  }

  func effectValue(size: CGSize) -> ProjectionTransform {
    return ProjectionTransform(
      CGAffineTransform(translationX: -150, y: -150)
        .concatenating(CGAffineTransform(rotationAngle: angle))
        .concatenating(CGAffineTransform(translationX: 150, y: 150))
    )
  }
}

在LocationManager类中，我有一个标题为Published的变量，这是我要检查的变量。

每次箭头移动时，标题值更改时都需要获取数据以创建动画。对于某些原因，我需要使用CGAffineTransform。

Answer 1

您可以考虑在ObservableObject中使用@Published。然后，您的onreceive可以使用location。$ heading接到电话。

对于可观察对象，可以是

class LocationManager: ObservableObject {
@Published var heading:Angle = Angle(degrees: 20)
}

对于接收，您可以使用

struct Compass: View {

  @ObservedObject var location: LocationManager = LocationManager()
  @State private var angle: Angle = Angle(degrees:0)

  var body: some View {
    VStack {
      Image("arrow")
        .resizable()
        .aspectRatio(contentMode: .fit)
        .frame(width: 300, height: 300)
        .modifier(RotationEffect(angle: angle))
        .onReceive(location.$heading, perform: { heading in
          withAnimation(.easeInOut(duration: 1.0)) {
            self.angle = heading
          }
        })
  }
}
}

如果要对对象更改执行其他功能，则以上内容很有用。在许多情况下，您可以直接使用location.heading作为状态更改程序。然后给它下面的动画。所以

            .modifier(RotationEffect(angle: location.heading))
            .animation(.easeInOut)

Answer 2

首先，在您的视图中，您需要请求HeadingProvider开始更新标题。您需要收听objectWillChange通知，该闭包具有一个参数，它是ObservableObject上设置的新值。

我对您的指南针做了一些改动：

struct Compass: View {

  @ObservedObject var headingProvider = HeadingProvider()
  @State private var angle: CGFloat = 0

  var body: some View {
    VStack {
      Image("arrow")
        .resizable()
        .aspectRatio(contentMode: .fit)
        .frame(width: 300, height: 300)
        .modifier(RotationEffect(angle: angle))
        .onReceive(self.headingProvider.objectWillChange) { newHeading in
            withAnimation(.easeInOut(duration: 1.0)) {
                self.angle = newHeading
            }
        }

      Text(String("\(angle)"))
        .font(.system(size: 20))
        .fontWeight(.light)
        .padding(.top, 15)
    }   .onAppear(perform: {
            self.headingProvider.updateHeading()
        })
  }
}

我写了一个HeadingProvider示例：

public class HeadingProvider: NSObject, ObservableObject {

    public let objectWillChange = PassthroughSubject<CGFloat,Never>()

    public private(set) var heading: CGFloat = 0 {
        willSet {
            objectWillChange.send(newValue)
        }
    }

    private let locationManager: CLLocationManager

    public override init(){
        self.locationManager = CLLocationManager()
        super.init()
        self.locationManager.delegate = self
    }

    public func updateHeading() {
        locationManager.startUpdatingHeading()
    }
}

extension HeadingProvider: CLLocationManagerDelegate {

    public func locationManager(_ manager: CLLocationManager, didUpdateHeading newHeading: CLHeading) {
        DispatchQueue.main.async {
            self.heading = CGFloat(newHeading.trueHeading)
        }
    }
}

请记住，您需要处理请求以读取用户位置的权限，并且需要在某个时候调用stopUpdatingHeading（）。

Answer 3

您可以按照@LuLuGaGa的建议进行操作，但这有点麻烦。 objectWillChange被定义为ObservableObjectPublisher，而将其定义为PassthroughSubject<CGFloat,Never>时将在今天工作，但不能保证它将来会工作。

对象不限于具有单个发布者，因此您可以为SwiftUI之外的其他目的定义第二个或第三个发布者。例如：

class Observable<T>: ObservableObject, Identifiable {
    let id = UUID()
    let publisher = PassthroughSubject<T, Never>()
    var value: T {
        willSet { objectWillChange.send() }
        didSet { publisher.send(value) }
    }

    init(_ initValue: T) { self.value = initValue }
}

子类化ObservableObject会为您正确定义objectWillChange，因此您不必自己进行操作。

Answer 4

SwiftUI 2 / iOS 14

从 iOS 14 开始，我们现在可以使用 onChange 修饰符，该修饰符在每次值更改时执行一个操作：

这是一个例子：

struct Compass: View {
    @StateObject var location = LocationManager()
    @State private var angle: CGFloat = 0

    var body: some View {
        VStack {
            // ...
        }
        .onChange(of: location.heading) { heading in
            withAnimation(.easeInOut(duration: 1.0)) {
                self.angle = heading
            }
        }
    }
}

如何在SwiftUI中使用onReceive从ObservedObject获取数据？

4 个答案:

SwiftUI 2 / iOS 14