문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문

Blend에서 스타일 만들기

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

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

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

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

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

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

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

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

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

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

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

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

      팁

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

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

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

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

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

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

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

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

    팁

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

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

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



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

    JJ170997.0355a4cb-ba56-43ec-aabb-9590b3947b33(ko-kr,VS.120).png

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

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

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

    설정할 트리거에 대한 예는 이 사용자 가이드의 실습 정보: 롤오버 단추 만들기(Blend에서 WPF 지원) 또는 Blend에서 WPF 단순한 스타일에 대한 스타일 지정 팁실습 정보 항목을 참조하십시오.

  9. 스타일의 편집 범위를 종료하려면 개체와 타임라인 패널에서 범위 반환JJ170997.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(ko-kr,VS.120).png를 클릭합니다.

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

    팁

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

표시: