timer - 如何在 swiftUI 中自动更新 TextField

Question

我是 swiftUI 开发的新手，我有一个小问题。我使用 Timer 创建了一个函数来创建一个倒数计时器。我想在 TextField 中显示时间更新，但它不起作用（使用 Text 可以）。这是代码：

 import SwiftUI
  struct ContentView: View {

    @State var min: Int = 0
    @State var sec: Int = 0
    @State var time = ""
    @State var timer: Timer? = nil
    
    var body: some View {
        
        NavigationView{
        VStack{
            TextField("Tempo (min o mm:ss)", text: $time)
            
        HStack{

            Button(action: {
                self.start()
                self.time = String(self.min)+":"+String(self.sec)
                
            }){
                Text("Start")
            }
            Button(action: {
                self.stop()
                
            }){
                Text("Stop")
            }
        }
      }//VStack
     }//NavigationView
    }//body
    func start(){
            timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true){
                temp in
                self.sec = self.sec + 1
                if(self.sec == 59){
                    self.sec = 0
                    self.min = self.min + 1
                }
            }
        }
        
    func stop(){
            timer?.invalidate()
            timer = nil
        }

   }//contetView
   

Answer 1

您看不到更改，因为您没有更新time计时器循环中的字符串。

这是修复：

func updateTimeString() {
    self.time = String(format: "%02d:%02d", self.min, self.sec)
}

func start(){
    timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { temp in
        self.sec = self.sec + 1
        if self.sec == 59 {
            self.sec = 0
            self.min = self.min + 1
        }
        updateTimeString()
    }
}

笔记：

• 我移动了代码以将time字符串设置为单独的函数。然后，您也可以从您Button的电话中调用它。
• 我曾经String(format:)在您的字符串中添加格式以显示 2 位数的分钟和秒数。