列表滚动后计时器中断

Posted

技术标签:

【中文标题】列表滚动后计时器中断【英文标题】:Timer breaks after List scroll 【发布时间】:2020-01-09 21:47:25 【问题描述】:

我有一个带计时器的课程(每毫秒更新一次)。

class TimeCount 
    let currentTimePublisher = Timer.TimerPublisher(interval: 0.001, runLoop: .main, mode: .common)
    let cancellable: AnyCancellable?

    init() 
        self.cancellable = currentTimePublisher.connect() as? AnyCancellable
    

    deinit 
        self.cancellable?.cancel()
    

我还有一个 TimerView 对象的 List()

List() 
    ForEach(self.timers)  timer in
        TimerPlusView(timer: timer)
    

在每个对象内部我都有一个 Text 来更新其内容并监听计时器

Text("\(currentTime.timeIntervalSince(timer.time ?? Date()))")
    .font(.largeTitle)
    .fontWeight(.bold)
    .foregroundColor(.black)
    .opacity(0.5)
    .onReceive(timeCount.currentTimePublisher)  newCurrentTime in
        self.currentTime = newCurrentTime
    

问题是,在(不是同时)滚动列表大约 100 像素之后,计时器停止工作,标签停止更新,我不知道为什么。

我得到的行为:

UPD:这是完整项目的链接以供参考。 https://www.dropbox.com/s/47zoizfqp6upz1e/TimerMinimal.zip?dl=0

【问题讨论】:

从您的代码中,我不知道为什么您的计时器停止更新。也许您可以发布一个指向最小 xcode 项目的链接,以帮助其他人在他们的机器上重现它。也许这也是一个模拟器错误 - 您是否也在设备上尝试过? 是的,我也没有。NP,这是项目的链接dropbox.com/s/47zoizfqp6upz1e/TimerMinimal.zip?dl=0 是的,我尝试过同时使用模拟器和真实设备——到处都是一样的交易。 当滚动视图滚动时,另一个运行循环会接管。您还应该将计时器添加到跟踪运行循环中。 ***.com/questions/7551411/… 【参考方案1】:

我认为问题出在 Xcode 中。或者至少是一些非常无证的东西。或者只是一个谜。

当从表视图(如旧的 dequeue-stuff)重新使用视图时,似乎会出现此问题,然后以某种方式导致订阅丢失,并且不再发布任何计时器事件。

不过,我找到了类似的解决方法。

TimerPlusView.swift 中,将.onReceive 处理程序移动到正文视图的最底部,例如

var body: some View 

    Button(action: 
        self.timer.title = "Tapped"
    ) 
        VStack(alignment: .leading) 
            Text(timer.title ?? "New Timer")
                .font(.largeTitle)
                .fontWeight(.bold)
                .foregroundColor(.black)
            Text("\(currentTime.timeIntervalSince(timer.time ?? Date()))")
                .font(.largeTitle)
                .fontWeight(.bold)
                .foregroundColor(.black)
                .opacity(0.5)
            // onReceive doesn't seem to work here:
            //.onReceive(timeCount.currentTimePublisher)  newCurrentTime in
            //  self.currentTime = newCurrentTime
            // 

        
    
    .buttonStyle(BorderlessButtonStyle())
    .contextMenu 
        Button(action: 
            self.context.delete(self.timer)
        ) 
            Text("Delete")
        
    
    // here, onReceive works:
    .onReceive(timeCount.currentTimePublisher)  newCurrentTime in
      self.currentTime = newCurrentTime
    

【讨论】:

以上是关于列表滚动后计时器中断的主要内容,如果未能解决你的问题,请参考以下文章

关于定时器中断怎么理解?

vue+定时器实现滚动列表动效

STM32定时器级联设定了时间后,怎么在中断中检验时间是不是正确

sleep() 函数完成后是不是会导致定时器中断?

表格视图单元格中的倒数计时器在滚动后显示不同的值

定时器中断