swiftui - 如何从模型创建 SwiftUI 动画效果？

Question

我有一个模型对象，它有一个已发布的属性 displayMode，它通过来自服务器的事件异步更新。

class RoomState: NSObject, ObservableObject  {
    public enum DisplayMode: Int {
        case modeA = 0
        case modeB = 1
        case modeC = 2
    }
    @Published var displayMode = DisplayMode.modeA

    func processEventFromServer(newValue: DisplayMode) {
        DispatchQueue.main.async {
            self.displayMode = newValue
        }
    }
}

然后，我有一个视图，它通过根据值将一些图像放置在某个位置来显示此模式。

struct RoomView: View {
    @ObservedObject var state: RoomState
    var body: some View {
       VStack {
           ...
           Image(systemName: "something")
               .offset(x: state.displayMode.rawValue * 80, y:0)
       }
    }
}

此代码工作正常，但我想在值更改时为运动设置动画。如果我更改视图内代码块中的值，我可以withAnimation {..}用来创建动画效果，但我无法从模型中弄清楚如何做到这一点。

Answer 1

这就是答案，感谢@aheze。使用 .animation()，当 state.displayMode 改变时，这个 Image 视图总是会产生动画。

struct RoomView: View {
    @ObservedObject var state: RoomState
    var body: some View {
       VStack {
           ...
           Image(systemName: "something")
               .offset(x: state.displayMode.rawValue * 80, y:0)
               .animation(.easeInOut)
       }
    }
}