🚩 목적

오른쪽 상단에 보이는 페이지 인디케이터

인스타그램 피드의 오른쪽 상단에 뜨는 뷰 페이저 인디케이터를 구현하고자 했습니다.

📈 기능 분석

1. 몇초간 가만히 있으면 인디케이터가 사라짐.
2. 반 이상 페이지를 넘길 때만, 인디케이터가 다시 나타남.
3. 나타남/사라짐에는 페이드 아웃/인 애니메이션이 적용.

💡 구현 아이디어

1. 📱 몇초간 가만히 있으면 인디케이터가 사라짐. → Flow의 debounce를 이용.
2. 📱 반 이상 페이지를 넘길 때만, 인디케이터가 다시 나타남. → ViewPager Callback 을 이용.
3. 📱 나타남/사라짐에는 페이드 아웃/인 애니메이션이 적용. → Alpha 값에 Animation 을 처리.