如何为每次用户滚动时更新的每个 tableview 单元格添加一个计时器？

Posted 2023-03-14

【中文标题】如何为每次用户滚动时更新的每个 tableview 单元格添加一个计时器？

【英文标题】：how to add a timer for each tableview cell that updates everytime a user scrolls?

【发布时间】：2019-06-06 15:28:55

【问题描述】：

我正在尝试为我的每个 tableview 单元格添加一个计时器。 我启用了分页滚动，我的表格视图的每个单元格都是全屏的。

我想要的： 当用户在一个单元格上时，计时器会自动启动，当他们滚动时，计时器会停止，并且下一个单元格的另一个计时器会启动......等等

我还想记录经过的时间。

我尝试了什么： 要将计时器添加到视图控制器而不是 tableview，我有 2 个问题：

1) 当我向上滑动时计时器不会重置，尽管我如下所示将其无效

2) 在第一个单元格从服务器加载其内容之前开始计时

var timer = Timer()
var counter = 0

@IBOutlet var countingLabel: UILabel!

override func viewDidLoad() 
    super.viewDidLoad()
    countingLabel.text = String(counter)
    timer = Timer.scheduledTimer(timeInterval: 0.1, target:self, selector: #selector(self.updateCounter), userInfo: nil, repeats: true)
    // Do any additional setup after loading the view, typically from a nib.

    let swipeLeft = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeLeft.direction = .left
    self.view.addGestureRecognizer(swipeLeft)

    let swipeUp = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeUp.direction = .up
    self.view.addGestureRecognizer(swipeUp)

    let swipeDown = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeDown.direction = .down
    self.view.addGestureRecognizer(swipeDown)

    let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture))
    swipeRight.direction = .right
    self.view.addGestureRecognizer(swipeRight)


@objc func handleGesture(gesture: UISwipeGestureRecognizer) -> Void 
    if gesture.direction == UISwipeGestureRecognizer.Direction.left 
        print("Swipe Left")
        performSegue(withIdentifier: "toSettings", sender: self)
     else if gesture.direction == UISwipeGestureRecognizer.Direction.up 
        print("Swipe Up")
        timer.invalidate()
        counter = 0
        countingLabel.text = String(counter)
        timer = Timer.scheduledTimer(timeInterval: 0.1, target:self, selector: #selector(self.updateCounter), userInfo: nil, repeats: true)
    
    else if gesture.direction == UISwipeGestureRecognizer.Direction.right 
        print("Swipe Right")
    
    else if gesture.direction == UISwipeGestureRecognizer.Direction.down 
        print("Swipe Down")
    


@objc func updateCounter() 
    counter += 1
    countingLabel.text = String(counter)

我希望为我的 tableview 的每个单元格触发一个计时器，并且我想将经过的时间保存在我可以在其他地方使用的变量中

【问题讨论】：

不要在视图（cel）中放置像定时器这样的易失性对象。可以立即释放单元格。将计时器放入模型（数据源）中。

我没有把它放在牢房里。它附加到视图控制器而不是表格视图，因为这对我来说更容易编码。但我仍然无法解决上述问题（当检测到滑动动作时使计时器无效并在表格加载时启动计时器）

【参考方案1】：

以下是您如何处理每个UITableViewCell 中的timers。

创建自定义UITableViewCell

class CustomCell: UITableViewCell 
    //MARK: Outlets
    @IBOutlet weak var label: UILabel!

    //MARK: Internal Properties
    var handler: ((Int)->())?

    //MARK: Private Properties
    private var timer: Timer?
    private var counter = 0 
        didSet 
            DispatchQueue.main.async 
                self.label.text = "\(self.counter)"
                self.handler?(self.counter)
            
        
    

    func configure(with counter: Int) 
        self.counter = counter
        self.setTimer()
    

    private func setTimer() 
        self.timer?.invalidate()
        self.timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true, block: [weak self] (timer) in
            self?.counter += 1
        )
    

在上面的代码中，

我创建了一个label，它将更新UI 中的counter 值。 handler - 当cell 移出屏幕时，它会将更新后的counter 值存储在某处（在ViewController 中，进一步解释） timer - 在cell 中安排timer 和timeinterval = 1 counter - 每个cell 的当前counter 值

在ViewController，

class VC: UIViewController, UITableViewDataSource 
    let numberOfCells = 20
    var timerArr = [Int]()

    override func viewDidLoad() 
        super.viewDidLoad()
        self.timerArr = [Int](repeating: 0, count: numberOfCells)
    

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
        return self.numberOfCells
    

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! CustomCell
        cell.configure(with: self.timerArr[indexPath.row])
        cell.handler = [weak self] (counter) in
            self?.timerArr[indexPath.row] = counter
        
        return cell
    

在上面的代码中，

timerArr - 跟踪 tableView 中每个 cell 的 counter 值。 在tableView(_:cellForRowAt:) 中，每个cell 的counter 使用我们之前在CustomCell 中创建的handler 进行更新