본문 바로가기
반응형

전체 글68

[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.
[Android] Custom View – Intro Android에는 이미 기본적으로 제공되는 많은 Widget들이 있고, 이것들만 사용해도 어지간한 서비스 개발은 충분합니다. 하지만 디자이너들의 좀더 디테일한 요구사항을 맞춰주기 위해서는 다소 부족하죠. 아니, 부족하다기 보다는 디자이너의 요구 사항이 창의적이라고 표현하는게 맞을 것 같네요. (비꼬는 것이 아닙니다, 그런 창의적인 산출물을 내는 것이 그들의 의무이니까요.) 그리고 그러한 기존 Widget으로 대응하기 어려운 UI의 경우 직접 만들어야 하는 케이스가 있습니다. 바로 Custom View를 통해서 말이죠. 우선 Custom View를 다루기 전에 반드시 알아야 하는 함수들을 언급하도록 하겠습니다. onDraw() onMeasure() onLayout() onSizeChanged() 이외에도 .. 2020. 11. 8.
반응형

티스토리툴바