通过在数组上循环来动画按钮

Question

我正在用 Swift 制作一个简单的“Simon Says”风格的应用程序，我想闪烁按钮来显示用户必须遵循的顺序。

我已经创建了这个函数，它遍历按钮数组以暂时更改背景颜色。

func animateButtons() {
        for (index, button) in buttonSequence.enumerated() {
            UIButton.animate(withDuration: 1, delay: TimeInterval(index)) {
                button.backgroundColor = UIColor(red: 63/255, green: 255/255, blue: 0/255, alpha: 1.0)
                button.backgroundColor = UIColor(red: 168/255, green: 61/255, blue: 164/255, alpha: 0.85)
            }
        }
    }

现在，当调用该函数时，它会立即点亮所有按钮，但会动画它们一个一个地返回到它们的正常颜色。理想情况下，我希望它完全动画一个按钮，然后是下一个等等。

我研究过为此使用计时器，但在搜索文档时无法准确找到如何正确使用它。

Answer 1

您的代码的问题在于您在动画块中将按钮颜色设置为 2 个不同的值。第一种颜色将被覆盖且无效。

如果您希望每个按钮更改为动画块中的第一种颜色，请按住 1 秒钟，然后恢复为第二种颜色，请按如下方式更改您的代码：

func animateButtons() {
        for (index, button) in buttonSequence.enumerated() {
            UIButton.animate(
              withDuration: 1, 
              delay: TimeInterval(index),
              animations: {
                button.backgroundColor = UIColor(red: 63/255, green: 255/255, blue: 0/255, alpha: 1.0)
               },
              completion: { finished in
                button.backgroundColor = UIColor(red: 168/255, green: 61/255, blue: 164/255, alpha: 0.85)
              }
            )
        }
}