'실버라이트 체크박스'에 해당되는 글 1건

  1. 2010.04.20 STEP 01_2. 기본 컨트롤 _ 체크박스


● 체크박스(CheckBox)
체크박스는 여러 옵션에 대한 선택을 지정할 때 쓰이는 컨트롤 입니다. 선택과 선택하지 않음을 나타내는 토글버튼(ToggleButton)과 같이 ‘Checked’, ‘Unchecked’ 상태를 가지고 있습니다.


[따라하기] 체크박스

01. 블렌드를 실행하고 [File] -[New Project] 메뉴를 실행하여 실버라이트 애플리케이션 프로젝트를 생성합니다. 화면의 왼쪽 상단 패널중 [Assets] 패널에서 [Controls]-[CheckBox] 메뉴를 선택한 다음 아트보드에 드래그 하여 체크박스을 생성합니다.



02. 오른쪽 상단 [Properties] 패널에서 [Common Properties]를 살펴보겠습니다. 앞서 살펴본 버튼컨트롤에는 없는 'IsChecked','IsThreeState' 옵션들이 보입니다. ‘IsChecked' 옵션을 체크하면 체크박스가 선택됐을 상태로 보여줍니다.



03. 오른쪽 상단 [Properties]-[Common Properties] 패널에서 'IsThreeState' 옵션을 선택하게 되면 체크박스는 Unchecked, Checked, Indeterminate 세가지 상태로 표시됩니다.



04. 체크박스를 선택하여 마우스 오른쪽을 클릭하면 서브메뉴들이 보입니다. [Edit Templates]-[Edit a Copy]를 클릭합니다. 컨트롤의 시스템 템플릿은 접근이 불가능하기 때문에 템블릿의 복사본을 만든 다음 접근합니다.



05. 스타일 리소스 생성 창이 띄워지면 Name(Key)에 스타일 이름을 적당히 넣어준 다음 OK 버튼을 클릭합니다.



06. 템플릿 모드로 전환되었습니다. 화면의 왼쪽 상단 패널 [States]에서 ‘CheckStates’라는 스테이츠 그룹을 확인하고 'Checked'일 때 템플릿의 변화를 확인해봅니다.



체크박스 컨트롤을 간단하게 살펴보았습니다. 스테이츠와 템플릿의 자세한 내용은 세션7 ‘스타일과 템플릿다루기‘에서 알아보겠습니다.

 

저작자 표시 비영리 변경 금지
신고
Posted by 도온

티스토리 툴바