본문 바로가기
반응형

property animation7

[Android] Property Animation – Translate (이동) 본 포스팅은 아래 포스팅들과 관련있습니다. [Android] Property Animation – Rotate (회전) [Android] Property Animation – Scale (확대/축소) [Android] Property Animation – Fade (나타나기/사라지기) [Android] Property Animation – Color (색상 변경) [Android] Property Animation – Snowing (눈 내리기) 이어서 본 포스팅에서는 Translate (이동) 애니메이션 구현 방법을 살펴보겠습니다. 먼저 구현 결과는 다음과 같습니다. 방향 키에 맞게 눈꽃 이미지가 이동하는 것을 확인할 수 있습니다. 구현은 아래와 같습니다. class TranslateActivity :.. 2020. 11. 8.
[Android] Property Animation – Rotate (회전) 본 포스팅은 아래 포스팅들과 관련있습니다. [Android] Property Animation – Translate (이동) [Android] Property Animation – Scale (확대/축소) [Android] Property Animation – Fade (나타나기/사라지기) [Android] Property Animation – Color (색상 변경) [Android] Property Animation – Snowing (눈 내리기) 먼저 Rotate 애니메이션을 적용했을 때의 결과를 보면 다음과 같습니다. 시계 방향으로 한 바퀴 회전하는 애니메이션입니다. 위 애니메이션은 아래와 같이 간단한 코드로 구현할 수 있습니다. 애니메이션이 지속되는 시간은 기본적으로 300ms인데, 예제를 눈으.. 2020. 11. 8.
[Android] Property Animation – intro 요즘의 잘 나가는 상용 서비스의 모바일 앱을 보면 애니메이션이 최소 1개 쯤은 있게 마련입니다. 따지고 보면 어떤 화면을 불러오는 동안 “로딩 중…”을 보여주기 위해 사용되는 ProgressBar 역시 큰 범주에서 애니메이션이라고 볼 수 있을 것 같고요. 이렇듯 애니메이션 효과는 사용자에게 의외로 큰 의미를 주는 아주 중요한 UI/UX 요소라고 할 수 있습니다. 하지만 개발자 입장에서 애니메이션을 구현하는 것은 생각보다 어렵게(?) 느껴지는데요. 그러다 보니 쉽게 애니메이션을 구현할 수 있도록 도와주는 라이브러리도 있습니다. 바로 Lottie(로띠)라는 것인데 Airbnb가 직접 만든 라이브러리로 TextView나 Button을 정의하는 것처럼 XML로 애니메이션 파일을 넣어주기만 하면 됩니다. Lott.. 2020. 11. 8.
반응형