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단계 − 코드를 실행하고 '배경색 변경' 버튼을 클릭합니다. 애니메이션과 함께 빨간색과 파란색 사이에서 보기의 배경색이 변경되는 것을 볼 수 있습니다.