Android Compose Scroll Indicator 그리기

Android 앱 개발을 Compose 로 구현하는데, 디자이너분께서 아래와 같은 Scroll Indicator 를 그려달라고 한다. (구현 예제화면)

 

스크롤의 움직임이 개발 마감기한과 완성도 사이에서 왔다갔다하는 내 신세를 보여주는 것 같아서 한번 구현해보기로 한다...ㅠ

 

개념부터 보자면

1. 리스트의 전체 카운트가 스크롤할 수 있는 최대 길이가 된다.

2. 현재 화면에 노출되는 마지막 아이템의 index가 현재 스크롤의 위치가 된다. 위와 같은 스크롤에서는 현재 스크롤이 몇 % 되었냐를 구하는 것이기 때문에 (현재 index / total count) 로 계산하였는데, 다른 스크롤처럼 보여줄 필요가 있을 때 이 부분을 응용해서 사용할 수 있겠다.

3. 스크롤 할 때, 현재 보이는 마지막 아이템의 index가 변화하는데 이걸 animation으로 나타내준다.

 

코드는 그렇게 어렵지 않다.

간단하게 스크롤 인디케이터를 만들어봤다.

인디케이터의 크기나 작동 메커니즘 같은건 이 개념에서 응용해서 작성할 수 있을 것 같다.

마감기한을 잘 준수하면서 요구사항도 만족시켜서 다행이다!

 

끝!