스타일

스타일을 활용한 예제

서울의 도로 현황 데이터를 통해 서울의 각 구별 도로 포장 현황을 조회할 수 있는 화면을 개발한 샘플입니다.

단순히 숫자가 아닌 아이콘을 사용하며 데이터 값을 전체 대비 % 값으로 표현하였습니다.
또한, 전체 대비 5% 이상인 구, 고속도로인 경우 연장이 3km 이상인 구인 경우 다른 셀에 비해 보다 쉽고 빠르게 볼 수 있도록 표현하였습니다.

마지막으로는 화면 맨 하단에 전체 값을 보여주고 항상 고정하도록 표현하였습니다.

---

이러한 샘플을 만드는데 QCELL은 기본적으로 셀 별 / 컬럼 별 / 로우 별 조작이 용이하도록 개발되어 있습니다.

즉, 그리드를 생성할 때 해당 데이터 값을 가지고 셀과 로우에 대한 스타일을 적용할 수 있습니다.

숫자로 된 열의 정렬 기능은 기본적으로 제공하고, %값에 따라 도로 포장의 정도를 쉽게 파악할 수 있도록 도로 모양의 아이콘을 적용할 수 있고, 각각의 배경색을 달리하여 보다 쉽고 빠르게 보실 수 있습니다.

또한 콤보 박스 선택을 통해서 %값 기준으로 조회가 가능하도록 할 수 있고, 하단에 전체 값을 틀 고정 기능을 통해 고정하여 항상 보실 수 있도록 설정할 수 있습니다.

---