[커뮤니티] #30 애니메이션에 대해 알아보자 (Tween Animation)

정말 머리아픕니다 애니메이션...

글도 머리아프게 써있을수 있으므로(?) 원본글에서 관람 추천드립니다(?)

정말 오랜만입니다

글쓰는거 참 어렵내요;

이번에는 아주 간단한 애니메이션에 대해 알아보겠습니다

30. 애니메이션에 대해 알아보자 (Tween Animation)

30-1 애니메이션?

이 강좌에서 알려드릴 애니메이션은 Tween Animation이라는 이름을 가진 애니메이션 입니다

트윈 애니메이션 이라고 하는대요

버튼이 움직이거나, 사라지거나, 위치가 바뀌거나, 커지거나

이런 효과를 띄울수 있습니다

사용되는 속성이 적지 않고 이해하기 어려운 부분이 많습니다

다음 강좌가 올라올때까지 예제소스를 숨겨두지 말고 바로 오픈하고 있으니 글 한번 보시고 바로 소스를 보시는걸 추천드립니다

참고로 이 트윈 애니메이션은 간단한 애니메이션입니다;

나중에는 그래프 애니메이션등등등... 머리아파요 ㅠㅠ

30-2 메인 레이아웃 투척

30대 강좌에서 레이아웃을 공부하는것은 무의미 하므로 투척합니다

메인 레이아웃에는 버튼 5개를 만들어 주시면 됩니다

이 강좌에서 배울 애니메이션은 4가지이고, Set이라는건 두가지 이상의 효과를 동시에 사용할때 사용합니다

30-3 res/anim

애니메이션을 정의한 xml파일은 res/anim폴더에 들어있습니다

[Development/App] - #3 App의 구조와 동작 원리 강좌에서 res폴더 내부를 관찰할때 설명했던 부분입니다

혹시 까먹으신분 있으실까봐...

기본적으로 프로젝트를 만들면 이 폴더는 없습니다

따로 만들어 주시면 됩니다

res/anim에는 5가지의 xml 파일을 만들꺼예요

먼저 투명도를 조절하는 alpha부터 관찰해 봅시다

정말 간단합니다

저 <alpha> 태그에 정의된 대로 애니메이션이 표시될 겁니다

먼저, 어떤 속성들이 존재하는지 확인해 보겠습니다

종합해 보면, 10초동안 처음에 완전 투명에서 불투명으로 투명도를 바꿔라 라는 뜻입니다

<alpha>에서 3개의 속성만 사용할수 있을까요?

그건 아닙니다

아래에 공통적으로 쓰이는 몇가지 속성을 입력해 두겠습니다

android:startOffset : 애니메이션을 시작하기 전 대기시간 입니다
android:repeatCount : 반복 횟수 입니다 -1은 무한반복
android:repeatMode (restart, reverse) : 반복 모드입니다 restart는 애니메이션을 처음부터 반복, reverse는 애니메이션을 반시계방향으로 다시 실행
android:interpolator : 애니메이션 효과가 지속되는 동안 빠르게, 또는 느리게 효과가 진행되도록 만듭니다
android:fillAfter : 애니메이션 효과가 끝난뒤에 상태를 유지할지 결정합니다, 기본은 false

이중 android:interpolator에 들어가는 속성에 대해 자세한 설명을 더보기 처리 해두었습니다

다음은 회전을 담당하는 rotate입니다