SwiftUI 视图不随数据更改而更新？

Question

我正在尝试制作一个视图，一旦用户按下按钮，5 个圆圈（灯）将一个接一个地亮起。但是，当模型更改灯光状态时，视图不会更新以表示每个灯光状态。

查看

struct ReactionLightsView: View {
    
    @ObservedObject var viewModel: ReactionLightsViewModel
    
    
    var body: some View {
        VStack {
            VStack(spacing: 0) {
                HStack {
                    ForEach(viewModel.lights) { light in
                        Circle()
                            .foregroundColor(light.color)
                    }
                }
            } .padding()
            Button(action: viewModel.start ) {
                Text("Start")
            }
        }
    }
}

视图模型

class ReactionLightsViewModel: ObservableObject {
    
    @Published private var model: ReactionLightsModel
    
    init(){
        model = ReactionLightsModel()
    }
    
    var lights: [Light] {
        model.lights
    }

    func start() {
        model.startTest()
    }
}

型号

struct ReactionLightsModel {
    private(set) var lights: [Light] = [Light(), Light(), Light(), Light(), Light()]
    private(set) var start: UInt64?
    private(set) var stop: UInt64?
    private(set) var reactionTimeNanoseconds: UInt64?
    
    mutating func startTest() {
        print("start reaction test")
        for i in 0..<5 {
            lights[i].turnOn();
            sleep(1)
        }
        for i in 0..<5 {
            lights[i].turnOff()
        }
        start = DispatchTime.now().rawValue
        print("done with reaction test")
    }
    
    mutating func stopTest() {
        stop = DispatchTime.now().rawValue
        reactionTimeNanoseconds = (stop! - start!)
        print(reactionTimeNanoseconds)
    }
}

最初，我将灯光设置为布尔数组，通过此实现，灯光会变为红色（亮起），但只有在 5 秒过去后才会同时变为红色。但是，不是我将每个灯光都更改为自己的对象，并且视图根本不会更新。

灯

struct Light: Identifiable {
    private(set) var isLit: Bool = false
    private(set) var color: Color = .gray
    let id = UUID()
    
    mutating func turnOn() {
        isLit = true
        color = .red
    }
    
    mutating func turnOff() {
        isLit = false
        color = .gray
    }
}

非常感谢有关如何解决此问题的任何建议以及有关如何改进代码的任何其他建议。

Answer 1

现在，你正试图在主线程上sleep——我怀疑系统甚至不会让你这样做。一般来说，应该避免使用sleep，因为它会暂停线程的执行，尤其是不会在 UI 线程上执行。从您的变量名称来看，您似乎正准备测试某人对所有灯亮或灭的反应时间，这也不适用于 sleep 策略，因为任何按钮按下都会被sleep 策略。我想你仍然可以在sleep 调用之后测量，但你将失去测量早期发生的任何事情的能力。

如果您删除 sleep 和关闭灯的代码，您会看到灯确实实际上已打开，因此并不是 UI 没有更新随着数据的变化。

我建议重写您的代码以使用Timer 或DispatchQueue asyncAfter。您需要跟踪灯的状态以及接下来应该点亮的灯。

---

更新，显示 Timer 示例的开头：

struct ReactionLightsModel {
    private(set) var lights: [Light] = [Light(), Light(), Light(), Light(), Light()]
    private var currentLight = 0
    private(set) var start: UInt64?
    private(set) var stop: UInt64?
    private(set) var reactionTimeNanoseconds: UInt64?
    
    mutating func turnOnNextLight() {
        lights[currentLight].turnOn()
        currentLight += 1
        if currentLight == lights.count {
            currentLight = 0
        }
    }
}

class ReactionLightsViewModel: ObservableObject {
    
    @Published private var model: ReactionLightsModel
    var timer : Timer?
    
    init(){
        model = ReactionLightsModel()
    }
    
    var lights: [Light] {
        model.lights
    }

    func start() {
        timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { _ in
            self.model.turnOnNextLight()
        }
    }
}