커스텀뷰 개발 - SmoothSeekBar

최근에 디자인팀으로 부터 받은 디자인에 다음과 같은 요구사항이 들어왔다.

 

디자인팀으로 부터 받은 디자인

1. Thumb를 움직이면 부드럽게 움직일것

2. Progress에 해당하는 부분을 터치하면 Thumb가 해당부분까지 부드럽게 애니메이션 되어서 갈것

3. Progress에 해당하지 않는 어중간한 곳에 Thumb를 놓으면, 가까운 Progress까지 부드럽게 이동할것.

 

Android 기본으로 제공되는 SeekBar로는 구현되기 어려운 동작들이라서 잔머리 쓰지않고 직접 구현해보기로 했다.

 

View를 상속받아서 처음부터 끝까지 모든 동작을 직접 구현했다.

 

재미있게도 예전에 libGDX로 개인적으로 게임 만들었던게 도움이 많이 되었다. (역시 개발경험은 버릴게없다.)

 

무튼 최종적으로 구현된 모습은 다음과 같다.

 

만드는데 재미있었던건 함정.. (새벽까지 만들었다..)

오픈소스 라이브러리로 배포해버렸다. 혹시 누군가도 도움이 되려나?🤔

https://github.com/WoochanLee/SmoothSeekBar

GitHub - WoochanLee/SmoothSeekBar: Android SmoothSeekBar. Sliding animation seek bar library for Android