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

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

12.3.1 메인 폼 화면 분할

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

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

RSSBrowser MainForm 화면분할
[그림 12.15] RSSBrowser MainForm 화면분할
번호컨트롤 이름컨트롤 유형설명
1spconSplitContainerOrientation: Horizontal
2spcon2SplitContainerOrientation: VerticalIsSplitterPixed: TruePanel1MinSize: 0
3spcon3SplitContainerOrientation: VerticalIsSplitterPixed: TrueFixedPanel: Panel1
4tbpanelTableLayoutPanelRow1: 크기 33%Row2: 크기 33%Row3: 크기 33%
5btn_move_leftButtonDock: Fill
6btn_move_middleButtonDock: Fill

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

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

private void MainForm_Load(object sender, EventArgs e)
{
    spcon3.SplitterDistance = 10;
}

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

private void btn_move_left_Click(object sender, EventArgs e)
{
    spcon2.SplitterDistance = 0;
}
private void btn_move_middle_Click(object sender, EventArgs e)
{
    spcon2.SplitterDistance = 300;
}

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