[안드로이드] Hero Animation(히어로 애니메이션)

 

이번엔 히어로 애니메이션에 대해 알아보겠습니다.

히어로 애니메이션은 화면전환시 부드러운 이동 및 시각적 효과를 줄 수 있는 애니메이션입니다.

 

 

 

애니메이션을 적용하고자하는 뷰에 transitionName 속성을 추가합니다.

android:transitionName="title"
android:transitionName="image"

 

 

 

그리고 아래와 같이 클릭 이벤트에서 다음 화면으로 intent를 넘겨줍니다.

 

 

 

 

 

다음 화면에서 이전에 애니메이션을 적용했던 뷰와 동일한 뷰를 만들고 똑같은 android:transitionName을 설정합니다.

android:transitionName="title"
android:transitionName="image"

 

여기까지 완료하고 테스트를 해보면 애니메이션이 적용된것을 확인하실 수 있을겁니다.

 

 

 

 

※ 주의 ※

애니메이션을 전달하는 뷰와 받는 뷰는 반드시 같은 뷰여야 하고,  gravitiy가 일치해야만 자연스러운 애니메이션을 적용할 수 있습니다. gravitiy가 일치하지 않으면 아래처럼 부자연스러운 애니메이션이 적용됩니다.

애니메이션을 전달하는 뷰의 버튼 gravity : start|center_vertical

애니메이션을 전달받는 뷰의 버튼 gravity : center