Swift 倒计时组件实现：按钮、标签及列表视图应用

本篇文章探讨如何在 Swift 中构建灵活的倒计时组件，涵盖按钮、标签以及列表视图中的实际应用场景。我们将深入探讨如何利用 Timer 类实现精准计时，以及如何将倒计时功能优雅地集成到各种 UI 元素中。

按钮倒计时

在按钮上显示倒计时，常用于限制用户操作频率，例如发送验证码。我们可以创建一个 UIButton 的子类，并在其中添加 Timer 相关逻辑：

class CountdownButton: UIButton {
    private var countdownTimer: Timer?
    private var remainingSeconds: Int = 0

    // ... 初始化方法和其他代码 ...

    func startCountdown(seconds: Int) {
        remainingSeconds = seconds
        updateButtonState()

        countdownTimer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) { [weak self] _ in
            self?.remainingSeconds -= 1
            self?.updateButtonState()

            if self?.remainingSeconds == 0 {
                self?.stopCountdown()
            }
        }
    }

    private func updateButtonState() {
        // 根据 remainingSeconds 更新按钮状态（例如，isEnabled 和 titleLabel.text）
    }

    func stopCountdown() {
        countdownTimer?.invalidate()
        countdownTimer = nil
        // 重置按钮状态
    }
}

标签倒计时

标签倒计时常用于显示活动剩余时间等场景。我们可以创建一个 UILabel 的子类，并类似地添加 Timer 逻辑：

class CountdownLabel: UILabel {
    // ... 与 CountdownButton 类似的代码结构 ...
}

列表视图中的倒计时

在列表视图中实现倒计时，需要考虑 cell 重用机制对 Timer 的影响。一种解决方案是在 cell 中持有 Timer，并在 prepareForReuse 方法中停止计时器：

class CountdownCell: UITableViewCell {
    // ... 与 CountdownLabel 类似的代码结构 ...

    override func prepareForReuse() {
        super.prepareForReuse()
        stopCountdown()
    }
}

总结

介绍了如何在 Swift 中实现灵活的倒计时组件，并针对按钮、标签和列表视图等不同场景提供了具体的代码示例。通过合理地使用 Timer 类和 UI 组件的生命周期方法，我们可以轻松地为应用程序添加各种倒计时功能。