iOSでビューの背景色の変化をどのようにアニメーション化しますか？

この投稿では、アニメーションでビューの背景色を変更する方法を学習します。

この例では、ボタンをクリックするとビューの背景色が変更されます。ボタンをクリックすると背景色が赤に変わり、次にクリックすると青に変わり、次にクリックすると再び赤に変わります。

ステップ1 −Xcodeを開く→新しいプロジェクト→シングルビューアプリケーション→「ChangeBGColor」という名前を付けましょう

ステップ2 − Main.storyboardを開き、以下に示すようにボタンを追加します

ステップ3 −[背景の変更]ボタンのtouchUpInsideに@IBActionを1つ追加します。関数にchangeBackgroundClickedという名前を付けます。

ステップ4 −UIViewの「アニメーション」機能を使用して背景色を変更します。これは、期間とオプションの完了をパラメーターとして提供します。 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 −コードを実行し、[背景色の変更]ボタンをクリックします。ビューの背景色がアニメーションで赤と青の間で変化するのが見えるはずです。