[UI] - UI Popup 애니메이션 효과 - 2편

 

저번에 팝업 Open, Close시에 간단한 Fade 애니메이션 효과를 넣어봤는데

이번에는 좀더 다양한 애니메이션 효과를 추가해보자

 

 

 

• 슬라이드 인/아웃 애니메이션:
  • 팝업이 화면의 특정 위치에서 슬라이드되어 나타나고 사라지는 효과
• 확대/축소 애니메이션:
  • 팝업이 확대되며 나타나고 축소되며 사라지는 효과
• 회전 애니메이션:
  • 팝업이 회전하며 나타나고 사라지는 효과

 

 

새로 생성되는 팝업에서 애니메이션 효과를 쉽게 적용하기 위해 enum으로 Type을 추가해주자.

 

 

 

 

각자 타입에 맞는 애니메이션 효과를 적용시켜주자

 

 

 

 

 

 

슬라이드 인/아웃 애니메이션 코드

 

 

 

 

 

확대/축소 애니메이션 코드

 

 

 

 

 

회전 애니메이션 코드

 

 

 

 

 

 

팝업 애니메이션 설정

 

 

 

 

결과