如何在iOS上为视图的背景颜色更改添加动画?


在这篇文章中,我们将学习如何为视图的背景颜色更改添加动画。

在这个例子中,我们将通过点击按钮来更改视图的背景颜色。点击按钮后,背景颜色将变为红色,下一次点击将变为蓝色,再下一次点击又变回红色。

步骤 1 − 打开 Xcode → 新建项目 → 单视图应用程序 → 我们将其命名为“ChangeBGColor”

步骤 2 − 打开 Main.storyboard 并添加一个按钮,如下图所示

步骤 3 − 为“更改背景”按钮的 touchUpInside 事件添加一个 @IBAction。将函数命名为 changeBackgroundClicked。

步骤 4 − 我们将使用 UIView 的 `animate` 函数来更改背景颜色。它提供持续时间和可选的完成参数。在 changeBackgroundClicked 中,我们将视图的背景颜色从红色更改为蓝色,反之亦然。将以下代码添加到 changeBackgroundClicked 中

@IBAction func changeBackgroundClicked(_ sender: Any) {
   if self.view.backgroundColor == UIColor.red {
      UIView.animate(withDuration: 2) {
         self.view.backgroundColor = UIColor.blue
      }
   } else {
      UIView.animate(withDuration: 2) {
         self.view.backgroundColor = UIColor.red
      }
   }
}

步骤 5 − 运行代码,点击“更改背景颜色”按钮。您应该会看到视图的背景颜色在红色和蓝色之间以动画形式切换。


更新于:2019年9月11日

2K+ 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告