SwiftUI技术问题：如何在SwiftUI视图中取消定时器？

嘿，这个问题我太熟悉了！你当前用的Timer.publish().autoconnect()返回的是一个自动连接的发布者（Publishers.Autoconnect<Timer.TimerPublisher>），不是传统的Timer实例，所以确实找不到.cancel()方法。不过有两种很实用的方式来停止它，我结合你的代码给你演示下：

方法一：手动持有订阅句柄（最灵活） #

这种方法让你完全掌控定时器的启动和停止，步骤如下：

1. 把原来的let timer替换成一个@State修饰的Cancellable对象（需要导入Combine框架）
2. 在视图出现时手动订阅定时器，并保存订阅句柄
3. 需要取消时，调用cancellable?.cancel()

修改后的代码示例：

import SwiftUI
import Combine // 别忘了导入Combine！

struct ContentView: View {
    @State private var selection = 2
    @State private var rotation: Double = GBstrtest
    @State private var timerCancellable: Cancellable? // 持有订阅句柄

    var body: some View {
        TabView(selection: $selection){
            Text("Settings")
                .font(.title)
                .tabItem {
                    VStack {
                        Image(systemName: "gear")
                            .font(Font.system(.title ))
                        Text("Settings")
                    }
                }
                .tag(0)
            VStack {
                Divider().padding(2)
                ZStack {
                    Image("image1")
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                    Image("image2")
                        .resizable()
                        .aspectRatio(contentMode:.fit)
                        .rotationEffect(.degrees(rotation))
                        .animation(.easeInOut(duration: 0.3) )
                        .padding(EdgeInsets(top: 0, leading: 50, bottom: 0, trailing: 50))
                }
                Spacer()
            }
            .tabItem {
                VStack {
                    Image(systemName: "speedometer")
                        .font(Font.system(.title ))
                        Text("Read Meter")
                }
            }
            .tag(1)
        }
        .onAppear {
            // 手动创建并订阅定时器
            let timerPublisher = Timer.publish(every: 0.8, on: .current, in: .common)
            timerCancellable = timerPublisher.sink { _ in
                self.rotation = Double.random(in: 0 ... 200)
                
                // 举个例子：当rotation大于150时取消定时器
                if self.rotation > 150 {
                    timerCancellable?.cancel()
                    print("定时器已停止")
                }
            }
        }
        .onDisappear {
            // 视图消失时记得取消，避免内存泄漏
            timerCancellable?.cancel()
        }
    }
}

方法二：用条件控制发布者（适合简单场景） #

如果你的取消条件是和视图状态绑定的（比如切换到某个Tab时停止），可以给发布者加一个filter操作符，让它自动停止发布事件。比如当切换到Settings标签（selection=0）时停止定时器：

import SwiftUI
import Combine

struct ContentView: View {
    @State private var selection = 2
    @State private var rotation: Double = GBstrtest
    
    // 创建一个未自动连接的定时器发布者
    private let timerPublisher = Timer.publish(every: 0.8, on: .current, in: .common)

    var body: some View {
        TabView(selection: $selection){
            // ... 你的标签页代码不变 ...
        }
        .onReceive(
            timerPublisher
                .autoconnect()
                // 只有当selection不等于0时才继续发布事件
                .filter { _ in self.selection != 0 }
        ) { _ in
            self.rotation = Double.random(in: 0 ... 200)
        }
    }
}

关键知识点 #

• Timer.publish()返回的是一个TimerPublisher，它本身不会自动启动，.autoconnect()只是帮你自动完成了订阅和连接的步骤，但隐藏了订阅句柄。
• Cancellable是订阅的“开关”，调用它的.cancel()方法就会终止订阅，定时器也就停止触发事件了。
• 不管用哪种方法，都要记得在视图生命周期结束时（比如onDisappear）取消订阅，避免不必要的资源消耗和内存泄漏。

内容的提问来源于stack exchange，提问作者Gerard