프로젝트에서 새 사용자 정의 컨트롤 만들기
프로젝트에서 여러 번 다시 사용할 수 있는, 직접 사용자 지정한 컨트롤을 디자인할 수 있습니다. 이들 컨트롤은 UserControl 클래스를 상속하므로 템플릿을 사용하지 않습니다. 그러나 사용자 정의 컨트롤을 새로 디자인하여 컨트롤 모양을 제어할 수 있습니다.
빈 사용자 정의 컨트롤 만들기
프로젝트를 엽니다.
파일 메뉴에서 새 항목(Ctrl+N)을 클릭합니다.
.png "JJ169827.b2bd3ff5-22c3-403e-af75-ed0d4d1b7aed(ko-kr,VS.120).png")
새 항목 대화 상자에서 UserControl을 선택합니다.
이름 옆에 사용자 정의 컨트롤에 대한 설명이 포함된 이름을 입력합니다.
이 사용자 정의 컨트롤의 코드 숨김 파일을 생성하려면 코드 파일 포함을 선택합니다.
팁
사용자 정의 컨트롤이 사용자 상호 작용에 응답하도록 하는 경우 또는 개발자가 사용자 정의 컨트롤의 사용자 지정 동작을 만드는 경우에는 코드 숨김 파일이 필요합니다.
확인을 클릭하여 대화 상자를 닫고 편집할 사용자 정의 컨트롤을 엽니다.
이제 사용자 정의 컨트롤의 모양을 디자인할 수 있습니다.
기존 개체에서 사용자 정의 컨트롤 만들기
새 사용자 정의 컨트롤에 포함할 기존 개체를 선택합니다.
팁
여러 개체를 선택하려면 Ctrl 키를 누른 채로 각 개체를 클릭하십시오.
도구 메뉴에서 UserControl로 만들기를 클릭하거나 F8을 누릅니다.
.png "JJ169827.2a301fcf-3ece-4254-a3d1-654ad98cb9a7(ko-kr,VS.120).png")
UserControl로 만들기 대화 상자에 사용자 정의 컨트롤에 대한 설명이 포함된 이름을 입력합니다.
선택한 개체를 그대로 두고 사용자 정의 컨트롤에 복제본을 만들려면 원본 콘텐츠를 그대로 두고 필요에 따라 복제 만들기를 선택합니다.
확인을 클릭하여 사용자 정의 컨트롤 파일을 만들고 아트보드에 편집할 XAML 파일을 엽니다.
프로젝트의 문서에서 사용자 정의 컨트롤의 새 인스턴스 그리기
모든 파일을 저장합니다(Ctrl+Shift+S).
프로젝트를 빌드(Ctrl+Shift+B)하여 사용자 정의 컨트롤이 자산 패널에 나타나도록 합니다.
도구 패널에서 자산
.png "JJ169827.0d8b8d29-1af9-418f-8741-be3097d76eab(ko-kr,VS.120).png")
.을 클릭합니다.자산 패널의 프로젝트 탭에서 사용자 정의 컨트롤을 선택합니다.
.png "JJ169827.9cd1da53-f2d2-4f69-8b7d-3cce14b06763(ko-kr,VS.120).png")
마우스를 사용하여 아트보드에 사용자 정의 컨트롤을 그립니다.
팁
컨트롤로 만들기 명령을 사용하여 선택한 개체에서 컨트롤 템플릿을 만듭니다.아트보드에서 개체를 선택하여 Grid 같은 레이아웃 패널로 그룹화한 다음 도구 메뉴에서 컨트롤로 만들기를 선택할 수 있습니다.컨트롤로 만들기는 사용자 정의 컨트롤을 만드는 대신선택한 개체로 구성된 템플릿을 포함하는 컨트롤 스타일을 만듭니다.동일한 종류의 다른 컨트롤을 그리려면 자산 패널의 스타일 범주에서 스타일을 선택한 다음 아트보드에 그리십시오.
문제 해결
- UserControl로 만들기 명령을 사용할 경우 선택한 개체가 이벤트 처리기나 트리거 같은 팩터링한 콘텐츠를 포함하면 새로 만든 사용자 정의 컨트롤에서 해당 이벤트 처리기 메서드와 트리거를 복원해야 할 수 있습니다.
다음 단계
사용자 정의 컨트롤에 개체를 추가할 수 있습니다. 자세한 내용은 다음 항목을 참조하십시오.
사용자 정의 컨트롤이 가질 수 있는 사용자 지정 상태를 정의하고 각 상태에 있는 사용자 정의 컨트롤의 모양을 변경할 수 있습니다. 자세한 내용은 사용자 정의 컨트롤의 다양한 시각적 상태 및 전환 시간 정의을 참조하십시오.
모양을 변경하여 사용자 정의 컨트롤이 마우스 클릭에 응답하도록 만들 수 있습니다. 자세한 내용은 Blend에서 사용자 상호 작용에 대한 응답의 상태 변경을 참조하십시오.
사용자 정의 컨트롤을 클릭할 때 해당 컨트롤의 모양이 더욱 정교한 방식으로 변경되도록 만들 수 있습니다. 자세한 내용은 Blend에서 상태 변경 후 재생될 애니메이션 추가을 참조하십시오.
사용자 정의 컨트롤이 단추 클릭이나 그 밖의 사용자 상호 작용에 대한 응답으로 런타임에 나타나도록 만들 수 있습니다. 자세한 내용은 Try it: Load a new page dynamically in your Silverlight application을 참조하십시오.