[Winform] 윈폼 복습 11. TabControl

TabControl을 사용한 디지털 알람시계

 TabControl은 강력하고 사용하기 쉬운 레이아웃 컨트롤이다. 하나의 폼에서 여러 개의 페이지를 직관적으로 표시함으로써 통일된 인터페이스를 유지할 수 있는 방법이다.

 

 예제로 알람 기능이 있는 디지털 시계를 만들어보자. 두개의 탭 페이지를 사용하는데, 하나는 알람 설정, 또 다른 하나는 디지털 시계를 표시한다. 아래 이미지처럼 도구 상자에서 TabControl을 드래그해서 Form에 던지면 아래 폼화면처럼 뜬다.

 이때 속성창에서 TabPages의 컬렉션을 클릭해서 컬렉션 편집기의 Text를 각각 알람 설정, 디지털시계로 바꿔주자.

TabControl을 폼에 갖고오면 이러한 화면이된다

 

Tabpages 속성의 ... 을 누르면 컬렉션 편집기창이뜨는데, Text를 각각 설정해준다

 

각각 페이지에 도구를 넣어보자.

알람 설정 페이지에는 label 2개, DateTimePicker 2개, 버튼 2개를 만들어준다.

위의 DateTimePicker의 Name을 DatePicker, Format 속성을 요일까지 표시되는 Long으로한다.

아래의 DateTimePicker의 Name을 TimePicker, Format은 Time으로 설정해준다.

 

디지털 시계 페이지에서는 Label 4개만 추가하고,

위에서부터 각각 Name 속성을 lblAlarmSet, lblAlarm, lblDate, lblTime으로 설정해준다. 

도구를 설정하면 이런 페이지가 된다

 

알람이 울렸을때 글씨의 색깔이 바뀐것을 볼 수 있다(좌)        해제 버튼을 클릭하면 회색으로 변하는 것을 볼 수 있다(우)