문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문

Blend에서 개체 속성을 템플릿으로 연장

템플릿을 사용하여 고유한 모양의 컨트롤을 만들 수 있습니다. 예를 들어 같은 템플릿을 사용하는 모든 RadioButton 컨트롤의 모양은 동일합니다. 그러나 한 템플릿을 사용하는 각 RadioButton 컨트롤이 다른 색으로 표시되도록 할 수 있습니다. 템플릿 바인딩을 사용하면 사용자 지정된 컨트롤을 디자인하면서도 응용 프로그램에 컨트롤을 포함할 때 일부 내용을 변경하는 것이 가능합니다.

예를 들어 Blend for Visual Studio에 포함된 Zune3D 예제에서 응용 프로그램 아래쪽에 있는 라디오 단추의 모양과 강조 표시는 같지만 색은 다릅니다. 템플릿에 있는 개체 중 하나의 색을 해당 템플릿을 사용하는 RadioButton 컨트롤의 배경색에 바인딩하면 이와 같이 컨트롤의 색을 다르게 지정할 수 있습니다.



Zune3D 예제의 스타일이 지정된 RadioButton 개체

JJ170930.92a0f9b6-81a7-44c3-9e6d-c17e29df7204(ko-kr,VS.120).png

다음과 같은 속성이 가장 일반적으로 템플릿에 바인딩됩니다.

속성 이름

형식

Background

브러시

Fill

브러시

Stroke

브러시

BorderBrush

브러시

Foreground

브러시

BorderThickness

숫자

Width

숫자

Height

숫자

OpacityMask , Font, FontSize, LayoutTransform, RenderTransform 등의 일부 속성은 템플릿에 바인딩할 필요가 없습니다. 이러한 속성은 자동으로 템플릿 개체에 영향을 줍니다. 또한 템플릿에 ContentPresenter 개체가 있으면 ContentText 속성도 템플릿에 바인딩할 필요가 없습니다.

템플릿을 통해 개체 속성 적용

  1. 컨트롤의 템플릿을 만들거나 엽니다.

    자세한 내용은 Blend에서 시스템 컨트롤의 스타일 지정을 위한 재사용 가능한 템플릿 만들기을 참조하십시오.

  2. 컨트롤 템플릿을 편집하면서 개체 및 타임라인 패널에서 템플릿에 바인딩할 속성이 포함된 개체를 선택합니다.

  3. 속성 패널에서 템플릿에 바인딩할 속성을 찾은 다음 고급 옵션JJ170930.12e06962-5d8a-480d-a837-e06b84c545bb(ko-kr,VS.120).png을 클릭하고 템플릿 바인딩을 가리킨 후에 템플릿에 바인딩할 속성을 클릭합니다.

    예를 들어 Blend에서 제공되는 Zune3D 예제의 RadioButton 템플릿에서 안쪽 도형의 Fill 속성은 템플릿을 사용하는 RadioButton 컨트롤의 Background 속성에 바인딩됩니다.

    JJ170930.8ea5510a-4aed-4699-aac1-c7f3f178f5af(ko-kr,VS.120).png

    속성 패널에서 속성 값이 템플릿에 바인딩됨을 나타내는 노란색 경계 상자가 속성 값 주위에 나타납니다.

  4. 이제 예제 템플릿을 사용하는 다른 개체를 그릴 때 템플릿에 바인딩하는 속성(위 예제에서는 Background 속성)이 템플릿의 Fill 속성에 영향을 주도록 변경할 수 있습니다.

    JJ170930.66d08eb4-1962-4e7f-b753-ac9e4b307106(ko-kr,VS.120).png

템플릿 바인딩 삭제

  1. 컨트롤 템플릿을 편집하면서 개체 및 타임라인 패널에서 템플릿에 바인딩된 속성이 포함된 개체를 선택합니다.

  2. 속성 패널에서 템플릿에 바인딩된 속성을 찾아 고급 옵션JJ170930.e3343378-f63e-4d8f-9847-97c1a58aadc5(ko-kr,VS.120).png을 클릭하고 다시 설정을 클릭합니다.

    이제 속성을 다른 값으로 설정할 수 있습니다.

표시: