실습 정보: SimpleCheckBox의 선택 표시 모양 사용자 지정(Blend에서 WPF 지원)

Blend for Visual Studio에서는 SimpleCheckBox 컨트롤 템플릿을 사용하여 선택 표시의 모양을 쉽게 사용자 지정할 수 있습니다.

SimpleCheckBox의 선택 표시 사용자 지정

1. Blend의 아트보드에 SimpleCheckBox를 그립니다.

   팁

   간단한 스타일 컨트롤을 자산 패널에 있는 스타일 범주의 단순한 스타일 아래에서 사용할 수 있습니다.목록에서 원하는 단순한 스타일(simple style) 컨트롤을 선택한 후 아트보드에 그릴 수 있습니다.

2. 개체 및 타임라인 패널에서 확인란을 마우스 오른쪽 단추로 클릭하고 템플릿 편집을 가리킨 다음 현재 템플릿 편집을 클릭합니다. SimpleStyles.xaml 리소스 사전을 변경하지 않으려면 템플릿 편집 대신 복사본 편집을 클릭하여 새 템플릿을 만들고 문서에 저장할 수 있습니다. 복사본 만들기에 대한 자세한 내용은 Blend에서 개체 복사, 잘라내기, 붙여넣기 또는 삭제를 참조하십시오.

   팁

   템플릿 편집 모드를 종료하고 문서 범위로 돌아가려면 범위 반환를 클릭합니다. 이 옵션은 개체 및 타임라인패널의 개체 트리 위에 있습니다.

   기존 템플릿의 템플릿 편집 모드로 돌아가려면 개체 및 타임라인 패널에서 템플릿을 편집하려는 개체를 마우스 오른쪽 단추로 클릭하고 템플릿 편집을 가리킨 다음 현재 항목 편집을 클릭합니다.

3. 컨트롤 템플릿의 편집 범위에서 개체 및 타임라인 패널의 노드를 모두 확장합니다. CheckMark 패스 개체를 삭제합니다.

4. 자식 개체를 추가할 수 있도록 Grid 개체를 두 번 클릭하여 활성화합니다.

5. 도구 패널에서 펜 도구 를 사용하여 Grid 개체에 패스를 그립니다. 직접 선택도구로 패스의 점을 조정하여 개체를 수정할 수 있습니다.

   팁

   아트보드를 확대하려면 아트보드의 아래쪽에 있는 확대/축소 텍스트 상자 를 사용하거나 Ctrl 키를 누른 채 마우스의 스크롤 단추를 사용할 수 있습니다.

   팁

   펜 도구를 사용하여 패스 개체를 그리는 대신 Microsoft Expression Design에서 가져온 아트 리소스를 사용하거나 프로젝트에 추가된 이미지 파일을 사용할 수 있습니다.

6. CheckMark 패스 개체를 삭제하면 해당 개체가 나타나거나 사라지도록 하는 트리거도 삭제됩니다. 트리거를 다시 만들려면 트리거 패널에서 IsChecked = False를 클릭합니다. 개체 및 타임라인 패널에서 새 확인 표시 요소를 선택한 다음 속성 패널의 모양 아래에서 Visibility 속성을 Collapsed로 설정합니다.

7. 응용 프로그램을 테스트(F5 키)하여 결과를 확인합니다.

참고 항목

개념

SimpleCheckBox(Blend에서 WPF 지원)