iOS UIKit Transitions

UIKit Animation Transitions

특징
- UIView.animate 코드를 사용하지 않고 UIView.transition을 사용하여 구현
- 전환 애니메이션 옵션(UIView.AnimationOptions)을 사용하여 Animation을 구현

애니메이션 구현 코드

transition(with:duration: options:animations:completion:)

- with : 전환 하려는 Container View(UIView)
- duration : Animation의 지속시간 입니다.
- options : Animation에 대한 여러 측면을 사용자 지정할 수 있습니다.(transtion에 대한 options를 넣어야 전환 Animation을 줄수 있음)
- animations : Animation 제공하는 클로저 표현식입니다.
- completion : Animation이 완료될 때 실행할 코드 클로저입니다.

//MARK: transition(with:duration: options:animations:completion:)

 UIView.transition(with:duration: options:animations:completion:)

//MARK: - Example 
 UIView.transition(with: animationContainerView2, duration: 1.0, options: [.curveEaseOut,.transitionFlipFromBottom], animations: {
  }, completion: nil)

UIView.AnimationOptions(transition)

• .transitionFlipFromTop : 수평 축을 기준으로 위에서 아래로 뒤집는 전환 입니다.

• .transitionFlipFromBottom : 수평 축을 기준으로 아래쪽에서 위쪽으로 뒤집는 Option

• .transitionFlipFromRight : 수직 축을 기준으로 오른쪽에서 왼쪽으로 뒤집는 Option

• .transitionFlipFromLeft : 수직 축을 기준으로 왼쪽에서 오른쪽으로 뒤집는 전환 입니다.

• .transitionCurlUp : 뷰를 아래에서 위로 구부리는(말아 올리다) 전환 입니다.

• .transitionCurlDown : 뷰를 위에서 아래로 구부리는(말아 올리다)
  전환 입니다.

• .transitionCrossDissolve : 뷰를 다음 뷰로 전환 합니다.

  transitionFlipFromBottom

  

  transitionFlipFromTop

  

  transitionFlipFromLeft

  

  transitionFlipFromRight

  

  transitionCurlUp

  

  transitionCurlDown

  

  transitionCrossDissolve