시스템 컨트롤의 재사용 가능한 템플릿 만들기

이 페이지는 Silverlight 2 프로젝트에만 적용됨

시스템 컨트롤의 템플릿 복사본을 수정하여 해당 컨트롤의 모양을 사용자 지정할 수 있습니다.

다음 절차에서는 단추(Button)를 사용하는 방법을 보여 주고 있지만 Microsoft Expression Blend 2에 포함된 어떤 시스템 컨트롤 또는 Control 클래스를 상속하는, 가져온 항목인 어떤 사용자 지정 Silverlight 2 컨트롤에 대해서도 템플릿을 만들 수 있습니다.

단추의 템플릿 복사본 만들기

  1. 아트보드에 시스템 컨트롤을 그립니다. 예를 들어 도구 상자에서 Button Dd185509.05df1779-a68f-436b-b834-a91b7995a3ec(ko-kr,Expression.10).png 도구를 선택한 다음 마우스를 사용하여 아트보드에 그립니다.

  2. 아트보드의 맨 위에 있는 이동 경로 탐색 막대를 사용하여 단추의 템플릿 복사본을 만듭니다. **[Button]**을 클릭하고 컨트롤 구성 요소(템플릿) 편집을 클릭한 다음 복사본 편집을 클릭합니다.

    Dd185509.40c4d9ae-bf61-4492-b0c8-b090a7b9acfb(ko-kr,Expression.10).png

    Dd185509.alert_tip(ko-kr,Expression.10).gif팁:

    복사본을 만드는 이유는 시스템 컨트롤의 기본 템플릿을 수정할 수 없기 때문입니다. 또는 빈 템플릿을 만든 다음 아트 자산을 가져오거나 새 개체를 그려서 단추를 디자인할 수도 있습니다.

  3. Style 리소스 만들기 대화 상자에 ButtonStyle1 같은 템플릿 이름을 입력합니다.

    Dd185509.4818ee6a-ce60-4b79-91c8-3b1871829eea(ko-kr,Expression.10).png

  4. 정의 위치에서 템플릿을 정의할 위치를 선택합니다.

    • 응용 프로그램의 모든 문서에서 단추 개체에 템플릿을 사용할 수 있게 하려면 응용 프로그램을 선택하십시오.

    • 현재 문서에서만 단추 개체에 템플릿을 사용할 수 있도록 하려면 이 문서를 선택하십시오.

    • 이 문서의 이 단추에만 템플릿을 사용할 수 있도록 하려면 이 문서 옆의 드롭다운 상자에서 Button을 선택하십시오.

  5. 확인을 클릭하여 대화 상자를 종료하고 템플릿을 열어 편집합니다.

    Dd185509.alert_tip(ko-kr,Expression.10).gif팁:

    이동 경로 탐색 막대를 사용하면 개체에 적용되는 템플릿 편집과 개체 편집 간에 손쉽게 전환할 수 있습니다. 예를 들어 템플릿 편집 모드를 종료하려면 이동 경로 탐색 막대에서 [Button]을 클릭하십시오.

    Dd185509.475cc7f7-f134-4a39-8ee7-4a5516a2b812(ko-kr,Expression.10).png

    템플릿 편집 모드로 돌아가려면 단추 개체가 선택되어 단추의 이동 경로 탐색 막대를 표시하는지 확인한 다음 이동 경로 탐색 막대에서 Template을 클릭하십시오.

    Dd185509.5bb586ea-6adc-4672-b316-0fab8215ff8c(ko-kr,Expression.10).png

문제 해결

  • 이동 경로 탐색 막대에 컨트롤 구성 요소(템플릿) 편집 옵션이 표시되지 않으면 템플릿을 지원하지 않는 컨트롤을 선택한 것일 수 있습니다. 예를 들어 Grid Dd185509.c76bbf09-1922-4f45-8d92-9c8ae64ca4a4(ko-kr,Expression.10).png 같은 레이아웃 패널은 템플릿을 사용하지 않습니다. Control 클래스를 상속하는 컨트롤만 템플릿을 사용합니다.

  • 사용자 정의 컨트롤(UserControl 클래스를 상속하는 컨트롤)의 템플릿을 만들 수는 없지만, 처음부터 새로 디자인하는 방식으로 사용자 정의 컨트롤을 사용자 지정할 수 있습니다. 자세한 내용은 Silverlight 2 프로젝트에서 새 사용자 정의 컨트롤 만들기를 참조하십시오.

다음 단계