[Android] Property Animation – intro

요즘의 잘 나가는 상용 서비스의 모바일 앱을 보면 애니메이션이 최소 1개 쯤은 있게 마련입니다. 따지고 보면 어떤 화면을 불러오는 동안 “로딩 중…”을 보여주기 위해 사용되는 ProgressBar 역시 큰 범주에서 애니메이션이라고 볼 수 있을 것 같고요. 이렇듯 애니메이션 효과는 사용자에게 의외로 큰 의미를 주는 아주 중요한 UI/UX 요소라고 할 수 있습니다.

하지만 개발자 입장에서 애니메이션을 구현하는 것은 생각보다 어렵게(?) 느껴지는데요. 그러다 보니 쉽게 애니메이션을 구현할 수 있도록 도와주는 라이브러리도 있습니다. 바로 Lottie(로띠)라는 것인데 Airbnb가 직접 만든 라이브러리로 TextView나 Button을 정의하는 것처럼 XML로 애니메이션 파일을 넣어주기만 하면 됩니다.

Lottie(로띠)는 이미 공식 문서가 아주 잘 나와있고, 사용법 역시 쉽기 때문에 별도로 다루지는 않으며, 본 포스팅에서는 이러한 라이브러리가 아니라 직접 애니메이션을 구현하는 것, 특히 Property Animation에 대해 다루고자 합니다.

---

우선 본 포스팅은 구글 Codelab을 베이스로 한다는 점을 먼저 밝힙니다. 또한 해당 코드랩은 Udacity에서 동일한 내용을 베이스로한 무료 강좌도 제공되고 있으니 상세한 내용은 해당 강좌를 참고하는 것이 좋습니다. 특히 해당 강좌의 Animation의 경우는 무려 Google Android Advocate Chief인 Chet Haase가 직접 강의를 합니다.

아래와 같이 총 6가지의 애니메이션 효과를 다뤄볼 예정입니다.

• [Android] Property Animation – Rotate (회전)
• [Android] Property Animation – Translate (이동)
• [Android] Property Animation – Scale (확대/축소)
• [Android] Property Animation – Fade (나타나기/사라지기)
• [Android] Property Animation – Color (색상 변경)
• [Android] Property Animation – Snowing (눈 내리기)

포스팅에서 사용하는 코드는 여기에서 확인하실 수 있습니다.