개체 속성을 템플릿으로 연장
템플릿을 사용하여 고유한 모양의 컨트롤을 만들 수 있습니다. 예를 들어 같은 템플릿을 사용하는 모든 RadioButton 컨트롤의 모양은 동일합니다. 그러나 한 템플릿을 사용하는 각 RadioButton 컨트롤이 다른 색으로 표시되도록 할 수 있습니다. 템플릿 바인딩을 사용하면 사용자 지정된 컨트롤을 디자인하면서도 응용 프로그램에 컨트롤을 포함할 때 일부 내용을 변경하는 것이 가능합니다.
예를 들어 Microsoft Expression Blend에 포함된 Zune3D 예제에서 응용 프로그램 아래쪽에 있는 라디오 단추의 모양과 강조 표시는 같지만 색은 다릅니다. 템플릿에 있는 개체 중 하나의 색을 해당 템플릿을 사용하는 RadioButton 컨트롤의 배경색에 바인딩하면 이와 같이 컨트롤의 색을 다르게 지정할 수 있습니다.
Zune3D 예제의 스타일이 지정된 RadioButton 개체
.png "Ee341447.92a0f9b6-81a7-44c3-9e6d-c17e29df7204(KO-KR,Expression.30).png")
다음과 같은 속성이 가장 일반적으로 템플릿에 바인딩됩니다.
속성 이름 |
형식 |
|---|---|
Background |
브러시 |
Fill |
브러시 |
Stroke |
브러시 |
BorderBrush |
브러시 |
Foreground |
브러시 |
BorderThickness |
숫자 |
Width |
숫자 |
Height |
숫자 |
OpacityMask, Font, FontSize, LayoutTransform, RenderTransform 등의 일부 속성은 템플릿에 바인딩할 필요가 없습니다. 이러한 속성은 자동으로 템플릿 요소에 영향을 줍니다. 또한 템플릿에 ContentPresenter 개체가 있으면 Content 및 Text 속성도 템플릿에 바인딩할 필요가 없습니다.
템플릿을 통해 개체 속성 적용
컨트롤의 템플릿을 만들거나 엽니다.
자세한 내용은 시스템 컨트롤의 스타일 지정을 위한 다시 사용 가능한 템플릿 만들기를 참조하십시오.
컨트롤 템플릿을 편집하면서 개체 및 타임라인 패널에서 템플릿에 바인딩할 속성이 포함된 개체를 선택합니다.
속성 패널에서 템플릿에 바인딩할 속성을 찾은 다음 고급 속성 옵션
.png "Ee341447.12e06962-5d8a-480d-a837-e06b84c545bb(KO-KR,Expression.30).png")
을 클릭하고 템플릿 바인딩을 가리킨 후에 템플릿에 바인딩할 속성을 클릭합니다.예를 들어 Expression Blend에서 제공되는 Zune3D 예제의 RadioButton 템플릿에서 안쪽 도형의 Fill 속성은 템플릿을 사용하는 RadioButton 컨트롤의 Background 속성에 바인딩됩니다.
.png "Ee341447.8ea5510a-4aed-4699-aac1-c7f3f178f5af(KO-KR,Expression.30).png")
속성 패널에서 속성 값이 템플릿에 바인딩됨을 나타내는 노란색 경계 상자가 속성 값 주위에 나타납니다.
.png "Ee341447.26f3da48-43af-437f-a064-c981ced5f317(KO-KR,Expression.30).png")
이제 예제 템플릿을 사용하는 다른 개체를 그릴 때 템플릿에 바인딩하는 속성(위 예제에서는 Background 속성)이 템플릿의 Fill 속성에 영향을 주도록 변경할 수 있습니다.
.png "Ee341447.66d08eb4-1962-4e7f-b753-ac9e4b307106(KO-KR,Expression.30).png")
템플릿 바인딩 삭제
컨트롤 템플릿을 편집하면서 개체 및 타임라인 패널에서 템플릿에 바인딩된 속성이 포함된 개체를 선택합니다.
속성 패널에서 템플릿에 바인딩된 속성을 찾아 고급 속성 옵션
.png "Ee341447.e3343378-f63e-4d8f-9847-97c1a58aadc5(KO-KR,Expression.30).png")
을 클릭하고 다시 설정을 클릭합니다.이제 속성을 다른 값으로 설정할 수 있습니다.