스타일 만들기

Microsoft Expression Blend 프로젝트에서는 컨트롤의 스타일을 사용하여 스타일이 적용된 컨트롤에서 기본값으로 사용할 속성을 지정할 수 있습니다. 컨트롤의 구조를 수정하려면 템플릿 만들기 또는 수정, 공통 Silverlight 컨트롤의 스타일 지정 팁 또는 WPF 단순한 스타일에 대한 스타일 팁에서 절차를 사용하는 대신 템플릿을 직접 수정합니다.

스타일은 리소스이므로 컨트롤과 별도로 스타일을 저장한 다음 동일한 컨트롤의 다른 인스턴스에 해당 스타일 리소스를 적용할 수 있습니다. 리소스에 대한 자세한 내용은 재사용 가능한 리소스 만들기를 참조하십시오.

컨트롤에 대한 새 스타일 리소스 만들기

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

  2. 개체 메뉴에서 스타일 편집을 가리키고 다음 작업 중 하나를 수행합니다.

    • 선택한 개체에서 현재 사용하고 있는 스타일(사용자가 이전에 만든 사용자 지정 스타일)을 수정하려면 현재 항목 편집을 클릭합니다. Expression Blend에서 현재 스타일에 대해 스타일 편집 모드를 시작합니다. 6단계로 건너뛰거나 스타일 편집을 참조하십시오.

    • 선택한 개체에서 현재 사용하고 있는 스타일이 개체의 기본 스타일인지 이전에 만든 사용자 지정 스타일인지에 관계없이 이 스타일을 기반으로 새 스타일을 만들려면 복사본 편집을 클릭합니다.

    • 빈 스타일을 새로 만들려면 빈 항목 만들기를 클릭합니다. 이 옵션은 Rectangle과 같은 도형 컨트롤 및 TextBox와 같은 텍스트 컨트롤에만 사용할 수 있습니다.

    Style 리소스 만들기 대화 상자가 나타납니다.

  3. **이름(키)**에서 다음 작업 중 하나를 수행합니다.

    • 개체의 스타일 이름을 새로 만들려면 키 이름을 입력합니다. 이 이름을 사용하여 다른 개체에서 스타일을 참조하고 스타일을 적용할 수 있습니다.

    • 동일한 형식의 모든 개체에서 사용할 스타일을 만들려면 모든 항목에 적용(WPF만 해당)을 선택합니다.

      Cc294740.alert_tip(KO-KR,Expression.30).gif팁:

      XAML에서 스타일 개체를 만들 때 TargetType 특성이 스타일을 만들 개체의 형식으로 설정됩니다.

      x:Key 특성은 키 이름을 입력한 경우(위 첫 번째 옵션)에만 설정됩니다. x:Key 특성이 있으면 이름으로 스타일을 지정하는 개체에 스타일을 적용할 수 있습니다. x:Key 특성이 없으면 동일한 형식의 모든 개체에 스타일이 적용됩니다. 예를 들어 아래의 스타일 개체는 아트보드의 일부 단추에만 적용됩니다.

      <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...

  4. 정의 위치에서 스타일을 정의할 위치 옵션을 선택합니다.

    • 응용 프로그램의 모든 문서에서 스타일을 사용할 수 있게 하려면 응용 프로그램을 선택합니다.

    • 스타일을 현재 문서 또는 현재 문서의 개체에만 사용할 수 있도록 하려면 이 문서를 선택한 다음 연결된 드롭다운 메뉴에서 옵션을 선택합니다.

    • 다른 프로젝트에서 재사용할 수 있는 리소스 사전 파일에 스타일을 정의하려면 리소스 사전을 선택하거나 새로 만들기를 클릭하여 새 리소스 사전을 만듭니다.

  5. 확인을 클릭하여 대화 상자를 종료하고 스타일을 열어 편집합니다.

    Cc294740.alert_tip(KO-KR,Expression.30).gif팁:

    실제로는 여기서 새 스타일 리소스를 만드는 것입니다. 이 템플릿 리소스는 로컬 리소스가 되며 리소스 패널에서 간편하게 보고 수정할 수 있습니다. 리소스에는 컨트롤의 구조를 변경하기 위해 수정할 수 있는 템플릿에 대한 참조가 포함되어 있습니다.

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

  6. 아트보드의 맨 위에 있는 이동 경로 탐색 막대를 확인하십시오.

    스타일 편집 모드가 선택된 이동 경로 탐색 막대

    Cc294740.0355a4cb-ba56-43ec-aabb-9590b3947b33(KO-KR,Expression.30).png

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

  7. 속성 패널에서 새 기본값을 제공할 컨트롤의 속성을 변경합니다.

  8. Windows Presentation Foundation (WPF) 프로젝트에서 작업하는 경우 트리거 패널에서 속성과 아벤트 트리거를 추가하거나 수정합니다.

    설정할 트리거에 대한 예는 이 사용자 가이드의 기존 개체에서 컨트롤 만들기 또는 WPF 단순한 스타일에 대한 스타일 팁실습 정보 항목을 참조하십시오.

  9. 스타일의 편집 범위를 종료하려면 개체 및 타임라인 패널에서 상위 범위로 이동Cc294740.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(KO-KR,Expression.30).png을 클릭합니다.

    이전에 작업하고 있던 편집 범위로 돌아갑니다.

    Cc294740.alert_tip(KO-KR,Expression.30).gif팁:

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

참조

작업

스타일 리소스 적용

개념

템플릿을 지원하는 컨트롤의 스타일 지정