SwiftUI：如何在函数计算 @State 值时同时更新视图？

Posted 2023-02-19

【中文标题】SwiftUI：如何在函数计算 @State 值时同时更新视图？

【英文标题】：SwiftUI: How do I make a View update simultaneously while a function is calculating @State value?

【发布时间】：2021-03-07 06:14:14

【问题描述】：

我有一个简单的计数器视图，带有一个触发计数功能的按钮。变量count 有一个@State 属性，当for 循环内的值发生变化时，它应该触发视图的更新。但是，当我按下按钮时，视图只有在函数执行完成后才会更新。

如何使for 循环计算的每一步都反映到视图中？

提前致谢！

struct TestView: View 
    @State var count: Float = 0.0
    
    var body: some View 
       
       VStack 
            Text("\(count)")
            
            Button(action: 
                startCount()
            ) 
                Text("Start Count")
            .padding()
        
    
    
    func startCount() 
        for _ in 0...10000 
            count += 0.0001
        
    

【问题讨论】：

1.您同步计算。 2. 即使您不这样做，现代处理器的 10k 周期与 UI 更新时间相比也可以忽略不计，因此即使使用异步调用，如果不引入人为延迟，您也将立即获得最终结果。

【参考方案1】：

循环太快了。如果您想减慢它并希望在屏幕上显示，请使用以下代码。在这里，我使用了一个全局队列来执行后台任务，当主队列可以处理时，我使用它来更新计数。另外，我添加了一个sleep(1) 方法来休眠进程。

func startCount() 
    DispatchQueue.global().async 
        for _ in 0...10000 
            DispatchQueue.main.async 
                count += 0.0001
                print(count)
            
            sleep(1)