Swift中实现空心按钮背景颜色定时切换的方法求助

嘿，这个需求其实挺容易实现的，我给你分享两种常用的方案，你可以根据自己的场景来选～

首先，先把你的空心背景按钮的基础样式搭好（如果还没做的话）：

// 创建自定义空心按钮
let customButton = UIButton(type: .system)
customButton.setTitle("按钮文字", for: .normal)
customButton.setTitleColor(.black, for: .normal) // 文字颜色
customButton.layer.borderWidth = 2.0 // 边框宽度
customButton.layer.borderColor = UIColor.black.cgColor // 固定边框颜色
customButton.layer.cornerRadius = 8.0 // 可选：给按钮加圆角
customButton.backgroundColor = .clear // 初始空心区域透明
customButton.frame = CGRect(x: 50, y: 50, width: 200, height: 50)
view.addSubview(customButton)

这个方案适合不需要过渡动画的场景，逻辑清晰，容易理解。

步骤很简单：定义一组要切换的颜色，用Timer每隔3秒更新按钮的背景色（也就是你说的“空心区域”颜色）：

// 定义要切换的颜色集合
let colorCycle: [UIColor] = [.systemRed, .systemGreen, .systemBlue, .systemOrange]
var currentColorIndex = 0
var colorTimer: Timer? // 保存Timer引用，方便后续销毁

// 启动定时切换
colorTimer = Timer.scheduledTimer(withTimeInterval: 3.0, repeats: true) { [weak self] timer in
    guard let self = self else {
        timer.invalidate() // 防止循环引用，销毁Timer
        return
    }
    // 更新按钮背景色
    self.customButton.backgroundColor = self.colorCycle[self.currentColorIndex]
    // 循环切换索引
    self.currentColorIndex = (self.currentColorIndex + 1) % self.colorCycle.count
}

⚠️ 注意：记得在控制器销毁时销毁Timer，避免内存泄漏：

deinit {
    colorTimer?.invalidate()
}

如果想要颜色切换时有渐变的过渡效果，这个方案会更友好，用户体验更好。

我们可以用递归的方式，结合动画和延迟来实现循环切换：

let colorCycle: [UIColor] = [.systemRed, .systemGreen, .systemBlue, .systemOrange]
var currentColorIndex = 0
var isColorAnimating = true // 控制动画开关

// 定义递归动画函数
func startColorCycle() {
    guard isColorAnimating else { return }
    
    // 执行颜色切换动画（0.3秒渐变过渡）
    UIView.animate(withDuration: 0.3, animations: {
        self.customButton.backgroundColor = self.colorCycle[self.currentColorIndex]
    }) { [weak self] _ in
        guard let self = self else { return }
        // 更新索引
        self.currentColorIndex = (self.currentColorIndex + 1) % self.colorCycle.count
        // 延迟2.7秒（加上动画的0.3秒，总共3秒）后继续下一次切换
        DispatchQueue.main.asyncAfter(deadline: .now() + 2.7) {
            self.startColorCycle()
        }
    }
}

// 启动动画
startColorCycle()

同样，要在控制器销毁时停止动画：

deinit {
    isColorAnimating = false
}

如果你的“空心区域”指的其实是按钮边框的颜色，只需要把代码里的customButton.backgroundColor换成customButton.layer.borderColor = self.colorCycle[self.currentColorIndex].cgColor就可以啦～

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