[Compose HIG] 260211 개발 일지

정말 오랜만에 블로그에 글 남기기.

요즘에는 Compose Cupertino 라이브러리를 포크해서 Compose HIG (Human Interface Guideline) 라이브러리를 만들고 있다. 정확히는 iOS 26에 적용된 Liquid Glass 디자인을 Backdrop 라이브러리를 사용해서 구현하고 있다.

 

Get started | Backdrop

원래 샘플에는 버튼이나 스위치, 슬라이더, 탭 바 등이 구현이 되어 있는데 Cupertino 라이브러리의 파라미터를 최대한 변형하지 않는 선에서 제작하다 보니 생각보다 쉽지가 않다.

 

현재는 컴포넌트를 적용시키고 있다. 스위치는 어렵지 않았는데 슬라이더의 경우 샘플에서 구현된 방식이 실제 iOS에서 사용하는 방식과 차이가 있기도 하고 여러모로 달라서 형태는 그대로 하되 많이 바꾸었다. 한 3일 넘게 매달린 것 같다.

 

iPad에 적어두고 계산해가며 슬라이더 초반 부분을 iOS처럼 구현하고자 했다. 기존 Backdrop의 라이브러리는 그냥 저 영역 안쪽이면 coerceAt 사용해서 최댓값 최솟값을 지정해버렸는데 그렇게 하니까 Step 구현할 때 영 이상해져서 그냥 저 부분을 배속하는 것으로 바꾸었다.

 

현재는 이 부분이 구현되었다.

최대한 자주 개발 일지를 올리려고 하니 ... 관심 있는 사람들은 한번씩 봐 주면 좋을 것 같다.

 

GitHub - ienground/compose-hig: Kotlin Multiplatform library for using Apple inspired components