스타일 편집

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

단추(Button)의 스타일 편집

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

팁:
스타일을 편집하려면 스타일이 이미 리소스로 만들어졌거나 아트보드의 요소에 적용되어 있어야 합니다. 자세한 내용은 이 사용자 가이드의 스타일 리소스 만들기 또는 스타일 리소스 적용을 참조하십시오.

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

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

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

     [!참고]

     스타일 편집 옵션을 사용할 수 없으면 개체에 사용자 지정 스타일이 적용되지 않은 것입니다. 복사본 편집을 선택하면 시스템 스타일의 복사본이 스타일 리소스를 만들 수 있습니다.

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

     [!참고]

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

   스타일의 편집 범위로 들어갑니다.

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

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

   

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

스타일 리소스 편집

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

  스타일의 편집 범위로 들어갑니다.

스타일 수정

1. 스타일의 편집 범위에 있는 동안 인터랙션 패널의 트리거에서 속성 및 이벤트 트리거를 추가합니다. 설정할 수 있는 트리거에 대한 예는 이 사용자 가이드의 개체를 단추로 만들기를 참조하십시오.

2. 스타일의 편집 범위를 종료하려면 개체 및 타임라인에서 상위 범위로 이동 단추 를 클릭합니다. 문서의 편집 범위로 돌아갑니다.

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