본문 바로가기

android compose vico2

[Android, Kotlin] Compose Vico 라이브러리로 ComposedChart 만들기 (5) 지난 포스팅에서 Compose Chart 라이브러리인 Vico 사용법과 Vico로 Column Chart 만드는 것까지 해보았다. 이번 포스팅에서는 지난 포스팅에서 언급했다시피, Vico에서 Composed Chart(혼합 차트)를 만들어 보도록 하겠다. 1. Composed Chart 만들기 Composed Chart는 혼합 차트를 뜻하는데, line chart와 column chart를 혼합해서 사용할 수 있다. 실제로 Vico wiki에서도 두 차트를 동시에 사용한 예제가 있었다. 하지만 필자는 Column Chart를 두 개를 이용해서 데이터를 표시하고 싶었기에, column 차트 2개를 사용했다. Vico 라이브러리에 대한 설명과 Column Chart 구현에 관한 자세한 설명이 필요하면 이전 .. 2023. 10. 20.
[Android, Kotlin] Chart를 Compose로 구현하기 (4) 이전 포스팅에서는 compose에서 calendar를 만들어서 Plan Screen의 UI를 구현해 보았다. 이번 포스팅에서는 필자가 compose로 chart를 만들면서 생겼던 일을 설명해 줄까 한다. 3일 동안의 공백 기한 중 2일을 차트 구현에 썼다 >:( UI 설계는 어떻게 하였는가? 기존의 UI 설계는 차트가 있다는 것까지는 같지만 차트 위쪽에 dropdown menu를 만들어서 dropdown menu에 따라 chart의 형태(주간 통계 차트, 이번 주 통계 차트)가 변하게 만들려고 했다. 그림과는 다르게 현실에서는 아래의 공간이 많이 남았었다.(텍스트까지 만들었는데도) 그래서 UI를 약간 수정해서 주간 차트와 이번 주 차트를 스크롤해서 볼 수 있도록 구현하기로 했다. 그러면 UI 설계(?)를.. 2023. 10. 19.
728x90