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