ListView 에서 행간간격을 조절하여 가독성을 높여보자

ListView 에서 다양한 형태의 데이터를 표현하게 된다. 옵션에 따라서 그림이 들어갈수도 있고

글만 리스트 형태로 보여줄수도 있다. 그중 ListView 의 View 옵션에서 Details 을 선택하게 되면

일반 탐색기 에서 처럼 ‘자세히’ 형태와 같다.

그런데 이렇게 표현하게 되면 영문을 기준으로 해서 그런지  데이터를 한글로 표현했을 때

행간 간격이 좁아보이고 가독성이 떨어진다.

그래서 편법을 사용하여 행간의 간격을 늘이고 보기 좋게 해자.

그 편법이란 빈그림을 첨부해서 높이를 조절해서 넣는것이다.

리스트 첫 컬럼에 아이콘을 첨부할수 있는데 그것을 넓이 1픽셀짜리 , 높이는 보고 적당하다고

생각되는 것을 정하면 될것이다. 보통 1 x 16 이 적당한 것 같다.

 

포토샵이나 이미지 툴로 1픽셀 그림을 만든다.

만든 아이콘은 ImageList 툴을 사용해서 ListView 에 연결을 할것이다.

VS 에서 적용할 Form 에 ImageList 를 하나 추가한다.

그리고 이미지 리스트에 위에서 만든 아이콘을 추가한다.

다음은 이미지 리스트를 추가할 ListView 로 가서 왼쪽 옵션창에 SmallImageList 로 간다.

콤보박스를 클릭하면 위에서 추가한 ImageList 가 보일것이다. 선택하고 ListView를 보게되면

늘어난 행간을 볼수 있을것이다. 훨씬 보기 좋지 않은가?