애니메이션(animation) 정리

애니메이션(animation) 정리

1.복잡하고 엄청난 효과의 애니메이션 구현

페이스북의 keyframe이나 에어앤비의 lottie로

구현한다.

keyframe은 적은 용량으로 애니메이션을 구현하려는 목적에 맞게 만들다보니 스펙이 제한적이다
Lottie는 실제 afterEffect에서 사용하는 다양한 효과들을 대부분 지원한다

Lottie는 api 14이상 지원한다
맨밑에 액티비티나 프래그먼트가 있고 그 위에 애니메이션을 재생할수있는 LottieAnimationView이 있으며 그 위에 투명한 StepperLayout이 있다. StepperLayout에서 화면이 넘어가는 이벤트를 잡아서 LottieAnimationView에서 원하는 프레임까지 재생할수 있다

after effect의 출력물인 .aep파일을 after effect 플러그인인 bodymovin을 통해서 json파일로 뽑아낼수있다 이파일을 asset에 넣고 로드한다

2. 트윈 애니메이션(tween animation) - 이동,회전,알파,크기,병합 애니메이션
투명도 조절(알파값) - alpha
회전 - rotate
크기 - scale
이동 - translate
병합 - set

3. transition animation : 화면이 이동할때 적용되는 애니메이션으로 머티리얼 디자인이 적용되면서 화면전환을 사용자가 인식할수없도록 시각적 연속성을 부여하기 위해 추가되었다(api 19이상)



startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle());