12. 3 RSS 브라우저 응용 만들기, 12.3.1 메인 폼 화면 분할

RSS 브라우저 응용은 Windows Forms 응용 프로그램입니다.

12.3.1 메인 폼 화면 분할

먼저 RSS 브라우저의 MainForm에 자식 컨트롤을 배치하기 위한 기본 틀을 디자인하고 갑시다. MainForm에는 SplitContainer 컨트롤을 이용하여 상하로 분할하여 상단에는 사이트 탐색이나 검색 질의를 할 수 있게 하고 하단에는 세부 기능 사용과 내용 및 브라우저를 배치합시다.

그리고 하단 Panel에 다시 SplitContainer 컨트롤을 이용하여 좌우로 분할합시다. 좌측에는 즐겨찾기 및 RSS 세부 항목을 보여주는 영역으로 사용하고 우측에는 브라우저 및 상세 정보를 보여주는 영역으로 사용합시다. 그리고 우측 Paenl에 다시 SplitContainer 컨트롤을 배치하여 좌우로 분할합시다. 좌측에는 3행의 테이블을 두고 상위 2개의 행에 버튼을 배치하여 하단 영역을 브라우저나 상세 보기만 보거나 즐겨 찾기 및 세부 항목을 볼 수 있게 영역을 제어할 수 있게 합시다.

[그림 12.15] RSSBrowser MainForm 화면분할
[그림 12.15] RSSBrowser MainForm 화면분할
번호 컨트롤 이름 컨트롤 유형 설명
1 spcon SplitContainer Orientation: Horizontal
2 spcon2 SplitContainer Orientation: Vertical

IsSplitterPixed: True

Panel1MinSize: 0

3 spcon3 SplitContainer Orientation: Vertical

IsSplitterPixed: True

FixedPanel: Panel1

4 tbpanel TableLayoutPanel Row1: 크기 33%

Row2: 크기 33%

Row3: 크기 33%

5 btn_move_left Button Dock: Fill
6 btn_move_middle Button Dock: Fill

[표 12.2] RSSBrowser MainForm 화면분할 컨트롤 및 속성

 

MainForm의 Load 이벤트 핸들러를 추가하여 spcon3의 분할자 거리를 10으로 설정합니다.

btn_move_left와 btn_move_middle의 클릭 이벤트 핸들러를 추가하여 spcon2의 분할자 거리를 0과 300으로 지정합니다.

버튼을 누를 때마다 아래 영역의 좌우의 폭이 잘 변하는지 확인하세요.