사용 버전: Android Studio 4.1
사용 언어: Kotlin 1.4.10

안드로이드 Shared axis transition 사용을 해보겠습니다.

Shared axis transition은 화면 전환 모션 중에 하나입니다. 축을 고정해서 다음 화면을 부드럽게 연결합니다.

이 중에서 Z 축을 중심으로 transition을 하겠습니다.

아래 앱에 Shared Z Axis Transition을 추가해보겠습니다.

binding이 사용되었습니다.

Shared Axis Transition을 사용하기 위해서는 Material Components가 필요합니다.

지도 Fragment로 가서 onCreate를 수정합니다.

enterTransition은 화면이 띄워질 때이고, returnTransition은 되돌아갈 때입니다.

MaterialSharedAxis.Z로 Z 축을 사용할 것이라고 말합니다.

forward는 true(화면 위로), false(화면 밑으로)로 사라지는 방향을 정합니다.

duration은 화면 전환 시간입니다.

이제, 버튼 Fragment로 갑니다.

onCreate에 적습니다.

실행해 봅시다.

지도로 이동할 때에는 앞으로 오면서 사라지는데, 돌아갈 때가 이상하게 되는군요.

이것은 돌아왔을 때, 뷰가 준비되지 않아서 그렇습니다.

버튼 Fragment의 onCreate에 postponeEnterTransition()을 추가합니다.

그리고, 버튼 Framgment의 onViewCreated에 view.doOnPreDraw를 적습니다.

실행합니다.

완성입니다.

끝.

카테고리: Android