Blend에서 스타일 편집

Blend for Visual Studio 프로젝트에서는 컨트롤의 스타일을 사용하여 스타일이 적용되는 컨트롤에서 기본값으로 사용할 트리거(Windows Presentation Foundation) 또는 상태(Microsoft Silverlight) 및 속성을 지정할 수 있습니다. 배경 브러시 색과 같은 속성은 컨트롤의 모양에 영향을 주고, 트리거 또는 상태는 컨트롤이 속성 변경 및 이벤트에 응답하는 방식에 영향을 줍니다. 예를 들어 사용자가 컨트롤 위로 포인터를 이동하면 IsMouseOver 속성이 False에서 True로 바뀌고 MouseOver 이벤트가 발생합니다. 단추 위로 포인터를 이동하면 단추의 배경색이 변경되도록 하는 단추 스타일을 만들 수 있습니다.

단추(Button)의 스타일 편집

스타일 리소스를 사용하면 특정 형식의 컨트롤에 대한 모양 및 동작을 정의한 다음 아트보드에 있는 같은 형식의 여러 컨트롤 인스턴스에 해당 스타일을 적용할 수 있어 더욱 간편한 작업이 가능합니다. 스타일 리소스를 수정하면 아트보드에서 해당 스타일을 사용하는 컨트롤이 모두 자동으로 업데이트됩니다.

아트보드에서 개체의 스타일 편집

1. 아트보드 또는 개체 및 타임라인 패널에서 스타일을 편집할 개체를 선택합니다.

   • 개체 메뉴에서 스타일 편집을 가리킨 다음 현재 템플릿 편집을 클릭합니다.

     참고

     현재 템플릿 편집 옵션을 사용할 수 없으면 개체에는 개체에 적용된 사용자 지정 스타일이 없습니다.복사본 편집을 선택하면 기본 스타일의 복사본인 스타일 리소스를 만들 수 있습니다.

   • 속성 패널의 기타에서 Style 속성을 클릭한 다음 리소스 편집을 클릭합니다.

     참고

     Style 속성이 비어 있으면 개체에 사용자 지정 스타일이 적용되지 않은 것입니다.

   Blend는 스타일의 편집 범위로 전환됩니다.

2. 아트보드의 맨 위에 있는 새 Blend 이동 경로 탐색 막대를 확인합니다.

   템플릿 편집 모드가 선택된 이동 경로 탐색 막대

   

   이동 경로 탐색 막대에 있는 단추를 클릭하여 템플릿 편집 모드, 스타일 편집 모드 및 선택한 개체의 개체 편집 범위 사이를 간편하게 이동할 수 있습니다. 사용자 지정 스타일 또는 템플릿이 적용된 모든 선택 개체에 대해 이동 경로 탐색 막대가 나타납니다.

스타일 리소스 편집

• 리소스 패널에서 리소스 이름을 찾은 다음 리소스 옆에 있는 리소스 편집 단추를 클릭합니다.

  Blend는 스타일의 편집 범위로 전환됩니다.

스타일 수정

1. 스타일의 편집 범위에 있는 동안 트리거 패널에서 속성 및 이벤트 트리거를 추가합니다.

   설정할 수 있는 트리거에 대한 예는 실습 정보: 롤오버 단추 만들기(Blend에서 WPF 지원)를 참조하십시오.

2. 스타일의 편집 범위를 종료하려면 개체와 타임라인 패널에서 범위 반환 를 클릭합니다. 문서의 편집 범위로 돌아갑니다.

   팁

   개체에 대한 새 스타일 리소스를 만들거나 개체에 기존 스타일 리소스를 적용하면 선택한 개체의 Style 속성에 대한 녹색 강조 표시가 속성 패널에 나타나 해당 개체가 스타일 리소스에 바인딩되거나 연결되어 있음을 나타냅니다.

참고 항목

개념

Blend에서 공용 Silverlight 컨트롤의 스타일 지정 팁

Blend에서 WPF 단순한 스타일에 대한 스타일 지정 팁