스타일 리소스 만들기
.png "이 페이지는 WPF 및 Silverlight 2에 적용됨")
Microsoft Expression Blend 2 프로젝트에서는 컨트롤의 스타일을 사용하여 스타일이 적용되는 컨트롤에서 기본값으로 사용할 트리거(WPF) 또는 상태(Silverlight 2) 및 속성을 지정할 수 있습니다. 배경 브러시 색과 같은 속성은 컨트롤의 모양에 영향을 주고, 트리거 또는 상태는 컨트롤이 속성 변경 및 이벤트에 응답하는 방식에 영향을 줍니다. 예를 들어 사용자가 컨트롤 위로 마우스를 이동하면 IsMouseOver 속성이 False에서 True로 바뀌고 MouseOver 이벤트가 발생합니다. 단추 위로 마우스 포인터를 이동하면 단추의 배경색이 변경되도록 하는 단추 스타일을 만들 수 있습니다. 컨트롤의 구조를 수정하려면 컨트롤 템플릿 만들기 또는 편집의 절차를 사용하는 대신 템플릿을 직접 만듭니다.
스타일은 리소스이므로 단추와 별도로 스타일을 저장한 다음 다른 단추 개체에 해당 스타일 리소스를 적용할 수 있습니다. 리소스에 대한 자세한 내용은 이 사용자 가이드의 리소스 개요를 참조하십시오.
컨트롤에 대한 새 스타일 리소스 만들기
아트보드 또는 인터랙션 패널의 개체 및 타임라인에서 스타일을 만들 개체를 선택합니다.
개체 메뉴에서 스타일 편집을 가리키고 다음 작업 중 하나를 수행합니다.
빈 스타일을 새로 만들려면 빈 항목 만들기를 클릭합니다. 이 옵션은 Rectangle과 같은 도형 컨트롤 및 TextBox와 같은 텍스트 컨트롤에만 사용할 수 있습니다.
선택한 개체에서 현재 사용하고 있는 스타일이 개체의 기본 스타일인지 이전에 만든 사용자 지정 스타일인지에 관계없이 이 스타일을 기반으로 새 스타일을 만들려면 복사본 편집을 클릭합니다.
Style 리소스 만들기 대화 상자가 나타납니다.
**리소스 이름(키)**에서 다음 작업 중 하나를 수행합니다.
요소의 스타일 이름을 새로 만들려면 키 이름을 입력합니다. 이 이름을 사용하여 다른 요소에서 스타일을 참조하고 스타일을 적용할 수 있습니다.
동일한 형식의 모든 요소에서 사용할 스타일을 만들려면 모든 항목에 적용을 선택합니다.
.gif "팁")
팁:XAML에서 스타일 요소를 만들 때 TargetType 특성이 스타일을 만들 요소의 형식으로 설정됩니다.
x:Key 특성은 키 이름을 입력한 경우(위 첫 번째 옵션)에만 설정됩니다. x:Key 특성이 있으면 이름으로 스타일을 지정하는 요소에 스타일을 적용할 수 있습니다. x:Key 특성이 없으면 동일한 형식의 모든 요소에 스타일이 적용됩니다. 예를 들어 다음과 같이 지정된 스타일 요소는 아트보드의 일부 단추에만 적용됩니다.
<Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...
정의 위치에서 스타일을 정의할 위치 옵션을 선택합니다.
응용 프로그램의 모든 문서에서 스타일을 사용할 수 있게 하려면 응용 프로그램을 선택합니다.
현재 문서에서만 스타일을 사용할 수 있도록 하려면 **이 문서 (Window: Window)**를 선택합니다.
다른 프로젝트에서 다시 사용할 수 있는 리소스 사전 파일에서 스타일을 정의하려면 리소스 사전을 선택합니다. 그런 다음 기존 리소스 사전 파일을 선택하거나 새로 만들기를 클릭해서 새 항목을 만듭니다.
[!참고]
Silverlight 2에서는 리소스 사전을 사용할 수 없습니다.
확인을 클릭하여 대화 상자를 종료하고 스타일을 열어 편집합니다.
팁:실제로는 여기서 새 스타일 리소스를 만드는 것입니다. 이 템플릿 리소스는 로컬 리소스가 되며 리소스 패널에서 간편하게 보고 수정할 수 있습니다.
아트보드의 맨 위에 새로 표시되는 Expression Blend 2 이동 경로 탐색 막대를 확인합니다.
템플릿 편집 모드가 선택된 이동 경로 탐색 막대
.png "Cc294740.eb50efd9-44c6-41f9-8f50-7d40f6c42e61(ko-kr,Expression.10).png")
이동 경로 탐색 막대에 있는 단추를 클릭하여 템플릿 편집 모드, 스타일 편집 모드 및 선택한 개체의 개체 편집 범위 사이를 간편하게 이동할 수 있습니다. 사용자 지정 스타일 또는 템플릿이 적용된 모든 선택 개체에 대해 이동 경로 탐색 막대가 나타납니다.
인터랙션 패널에서 속성 및 이벤트 트리거를 추가합니다. 설정할 트리거에 대한 예는 이 사용자 가이드의 개체를 단추로 만들기 또는 단순한 스타일의 실습 정보 항목을 참조하십시오.
스타일의 편집 범위를 종료하려면 개체 및 타임라인에서 상위 범위로 이동 단추
.png "Cc294740.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(ko-kr,Expression.10).png")
를 클릭합니다.이전에 작업하고 있던 편집 범위로 돌아갑니다.
팁:스타일 리소스를 만들거나 개체에 적용하면 선택한 개체의 Style 속성에 대해 속성 패널에 녹색 강조 표시가 나타나 해당 개체가 이 스타일 리소스에 바인딩되거나 연결되어 있음을 표시합니다.