티스토리 뷰

반응형

Control Library - CheckBox

컨트롤 2번째로서 체크박스를 해보겠습니다. 예제는 체크박스 3개가 있고 버튼을 클릭했을때 체크 되어있는거만 메시지 박스에 출력하는 예제입니다.

[ Window1.xaml ]
https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

8번째줄의 Margin 속성은 폼을 기준으로 현재 체크박스의 위치를 나타냅니다. 앞에서부터 왼쪽(Left), 위(Top), 오른족(Right), 아래(Bottom) 입니다.

9번째줄의 VerticalAlignment는 폼내에서 CheckBox의 위치입니다. 속성값은 Top, Center, Bottom, Stretch, {x:null} 등을 지정할 수 있습니다.

[ Window1.xaml .cs ]
https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

소스를 보시면 어렵지 않게 따라하실수 있습니다.
각 체크박스를 IsChecked 속성으로 체크되어있는지 결과값을 문자열 변수 trueCheck에 계속 더해서 라벨에 출력해줍니다.


[ Design ]
https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

폼디자인 화면과 실행화면 디자인이 틀린데 이것은 운영체제가 윈도우 2003 서버입니다. 테마가 윈도우 고전입니다. 비스타의 화려한 그래픽에서 강좌를 진행해야 하는데 현재로서는 비스타가 깔려있지 않습니다. 조만간 설치하여 비스타에서 강좌를 진행해보겠습니다.

https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

처음 실행했을때 화면입니다. 아무 이벤트도 일어나지 않았기 때문에 초기설정된 화면이 보여집니다.

https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

체크박스 첫번째와 세번째가 체크되었다는 표시를 라벨에 출력해줍니다.

https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

체크박스 첫번째를 체크되었다는 표시를 라벨에 출력해줍니다.

https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

아무것도 체크가 되어 있지 않으면 라벨에 아무 내용도 출력하지 않습니다.

단순이 체크박스가 뭔가를 보여주기 위해 간단한 예제로 만들었으며 비스타의 닷넷 프레임워크 3.0하에서는 이미지가 체크박스가 될수 있고 어떠한 모양으로도 변경할 수 있습니다. 곧 기회가 되면 비스타 시스템하에세 강좌를 좀더 업그래이드 해서 진행하겠습니다.

수고하셨습니다.

반응형
댓글