SwiftUI-如何设置启动/停止计时器

问题描述

我的目标是在SwiftUI中创建一个以0开头的视图。按下该视图时，计时器应开始向上计数，再次轻按将停止计时器。最后，当您再次点击以启动计时器时，计时器应从0开始。

这是我当前的代码：

import SwiftUI

struct TimerView: View {
    @State var isTimerRunning = false
    @State private var endTime = Date()
    @State private var startTime =  Date()
    let timer = Timer.publish(every: 0.001,on: .main,in: .common).autoconnect()
    
    var tap: some Gesture {
        TapGesture(count: 1)
            .onEnded({
                isTimerRunning.toggle()
            })
    }

    var body: some View {

        Text("\(endTime.timeIntervalSince1970 - startTime.timeIntervalSince1970)")
            .font(.largeTitle)
            .gesture(tap)
            .onReceive(timer) { input in
                startTime = isTimerRunning ? startTime : Date()
                endTime = isTimerRunning ? input : endTime
            }

    }
}

此代码使计时器立即启动，并且即使我点击它也永远不会停止。计时器也向后（变为负数）而不是向前。

有人可以帮助我了解我在做什么错吗？另外，我想知道这对于计时器（使用Timer.publish）是否是一个好的总体策略。

谢谢！

解决方法

这是固定版本。看看我所做的更改。

现在，如果计时器正在运行，
• .onReceive将更新timerString。 timeString是现在（即Date()）和startTime之间的间隔。
• 点击计时器会设置startTime（如果它没有运行）。

---

struct TimerView: View {
    @State var isTimerRunning = false
    @State private var startTime =  Date()
    @State private var timerString = "0.00"
    let timer = Timer.publish(every: 0.01,on: .main,in: .common).autoconnect()

    var body: some View {

        Text(self.timerString)
            .font(Font.system(.largeTitle,design: .monospaced))
            .onReceive(timer) { _ in
                if self.isTimerRunning {
                    timerString = String(format: "%.2f",(Date().timeIntervalSince( self.startTime)))
                }
            }
            .onTapGesture {
                if !isTimerRunning {
                    timerString = "0.00"
                    startTime = Date()
                }
                isTimerRunning.toggle()
            }
    }
}

---

以上版本虽然简单，却使我感到Timer一直在发布。计时器运行时，我们只需要发布Timer。

以下是启动和停止Timer的版本：

struct TimerView: View {
    @State var isTimerRunning = false
    @State private var startTime =  Date()
    @State private var timerString = "0.00"
    @State private var timer = Timer.publish(every: 1,(Date().timeIntervalSince( self.startTime)))
                }
            }
            .onTapGesture {
                if isTimerRunning {
                    // stop UI updates
                    self.stopTimer()
                } else {
                    timerString = "0.00"
                    startTime = Date()
                    // start UI updates
                    self.startTimer()
                }
                isTimerRunning.toggle()
            }
            .onAppear() {
                // no need for UI updates at startup
                self.stopTimer()
            }
    }
    
    func stopTimer() {
        self.timer.upstream.connect().cancel()
    }
    
    func startTimer() {
        self.timer = Timer.publish(every: 0.01,in: .common).autoconnect()
    }
}