다룬 주제
- ViewPager2
- RecyclerView
- PageTransformer
- clipToPadding
- translationZ
이전 프로젝트에서 라이브러리로도 구현하지 못했던 겹치는 카드 디자인을 허그에서 다시 만나, 이번에는 ViewPager2 코드를 직접 읽고 구현했습니다.
구현 방법
- 내부 RecyclerView에 좌우 padding과 clipToPadding=false, offscreenPageLimit=2로 양옆 카드를 보이게
- PageTransformer에서 위치에 따라 scale과 alpha를 0.5, 0.7, 1.0 사이로 보간하고 translationX로 겹치게
- OnPageChangeCallback에서 translationZ를 조정해 가운데 카드를 맨 위로
헤맨 부분
- when 분기 순서를 잘못 두면 오른쪽 두 번째 카드 처리로 가지 않아 판별 순서를 바로잡았습니다.
관련 프로젝트
