방법: 리소스 만들기 및 적용How to create and apply a resource

XAML 디자이너의 요소에 대한 스타일 및 템플릿은 리소스라는 다시 사용 가능한 엔터티에 저장됩니다.Styles and templates for elements in the XAML Designer are stored in reusable entities called resources. 스타일을 사용하면 요소 속성을 설정하고 여러 요소에 걸쳐 일관된 모양을 위해 이러한 설정을 통해 다시 사용할 수 있습니다.Styles enable you to set element properties and reuse those settings for a consistent appearance across multiple elements. ControlTemplate은 컨트롤의 모양을 정의하며 리소스로 적용될 수도 있습니다.A ControlTemplate defines the appearance of a control and can also be applied as a resource. 자세한 내용은 빠른 시작: 컨트롤 스타일 지정빠른 시작: 컨트롤 템플릿을 참조하세요.For more info, see Quickstart: styling controls and QuickStart: control templates.

기존 속성인 스타일 또는 ControlTemplate으로 새 리소스를 만들 때마다 리소스 만들기 대화 상자를 사용하여 응용 프로그램 수준, 문서 수준 또는 요소 수준에서 리소스를 정의할 수 있습니다.Whenever you create a new resource from an existing property, Style, or ControlTemplate, the Create Resource dialog box enables you to define the resource at the application level, the document level, or the element level. 이러한 수준에 따라 리소스를 사용할 수 있는 위치가 결정됩니다.These levels determine where you can use the resource. 예를 들어 요소 수준에서 리소스를 정의하는 경우 리소스 만든 요소에만 적용할 수 있습니다.For example, if you define the resource at the element level, the resource can be applied only to the element on which you created it. 또한 다른 프로젝트에서 다시 사용할 수 있는 별도 파일인 리소스 사전에 리소스를 저장할 수 있습니다.You can also choose to store the resource in a resource dictionary, which is a separate file that you can use again in another project.

새 리소스를 만들려면To create a new resource

  1. XAML 디자이너에서 XAML 파일을 연 상태에서, 요소를 만들거나 문서 개요 창에서 요소를 선택합니다.With a XAML file open in XAML Designer, create an element, or choose an element in the Document Outline window.

  2. 속성 창에서 속성 값의 오른쪽에 있는 상자 기호로 나타나는 속성 표식을 선택한 다음 새 리소스로 변환을 선택합니다.In the Properties window, choose the property marker, which appears as a box symbol to the right of a property value, and then choose Convert to New Resource. 흰색 상자 기호는 기본값을 나타내고 검은색 상자 기호는 일반적으로 로컬 리소스가 적용된 것을 나타냅니다.A white box symbol indicates a default value, and a black box symbol typically indicates that a local resource has been applied

    리소스를 만들 수 있는 적절한 대화 상자가 나타납니다.The appropriate dialog box for creating a resource appears. 이 대화 상자는 브러시에서 리소스를 만들 때 나타납니다.This dialog box appears when you create a resource from a brush:

    리소스 만들기 대화 상자Create Resource Dialog Box

  3. 이름(키) 상자에 키 이름을 입력합니다.In the Name (Key) box, enter a key name. 이 이름은 다른 요소가 리소스를 참조하도록 할 때 사용할 수 있습니다.This is the name that you can use when you want other elements to reference the resource.

  4. 정의 위치에서 리소스를 정의할 위치를 지정하는 옵션을 선택합니다.Under Define in, choose the option that specifies where you want the resource to be defined:

    • 응용 프로그램의 모든 문서에 리소스를 사용할 수 있도록 하려면 응용 프로그램을 선택합니다.To make the resource available to any document in your application, choose Application.

    • 현재 문서에서만 리소스를 사용할 수 있도록 하려면 이 문서를 선택합니다.To make the resource available to only the current document, choose This document.

    • 리소스를 만든 요소 또는 그 자식 요소에만 리소스를 사용할 수 있도록 하려면 요소에만 이 문서를 선택하고 드롭다운 목록에서 요소: 이름을 선택합니다.To make the resource available to only the element from which you created the resource or to its child elements, choose This document, and in the drop-down list, select element: name.

    • 다른 프로젝트에서 다시 사용할 수 있는 리소스 사전 파일에 리소스를 정의하려면 리소스 사전을 클릭한 다음 드롭다운 목록에서 StandardStyles.xaml과 같은 기존 리소스 사전 파일을 선택합니다.To define the resource in a resource dictionary file that can be reused in other projects, click Resource dictionary, and then select an existing resource dictionary file, such as StandardStyles.xaml, in the drop-down list.

  5. 확인 단추를 선택하여 리소스를 만들고 리소스를 만든 요소에 적용합니다.Choose the OK button to create the resource and apply it to the element from which you created it.

요소 또는 속성에 리소스를 적용하려면To apply a resource to an element or property

  1. 문서 개요 창에서 리소스를 적용하려는 요소를 선택합니다.In the Document Outline window, choose the element that you want to apply a resource to.

  2. 다음 작업 중 하나를 수행합니다.Do one of the following:

    • 속성에 리소스를 적용합니다.Apply a resource to a property. [속성] 창에서 속성 값 옆에 있는 속성 표식을 선택하고, 로컬 리소스 또는 시스템 리소스를 선택한 다음, 표시되는 목록에서 사용 가능한 리소스를 선택합니다.In the Properties window, choose the property marker next to the property value, choose Local Resource or System Resource, and then choose an available resource from the list that appears.

      보려는 리소스가 표시되지 않으면 리소스 종류가 속성 유형과 맞지 않기 때문일 수 있습니다.If you don't see a resource that you expect to see, it might be because the type of the resource doesn't match the type of the property.

    • 컨트롤에 스타일 또는 컨트롤 템플릿 리소스를 적용합니다.Apply a style or control template resource to a control. [문서 개요] 창에서 컨트롤에 대한 상황에 맞는 메뉴를 열고, 템플릿 편집 또는 추가 템플릿 편집을 선택하고, 리소스 적용을 선택한 다음, 표시되는 목록에서 컨트롤 템플릿의 이름을 선택합니다.Open the context menu for a control in the Document Outline window, choose Edit Template or Edit Additional Templates, choose Apply Resource, and then choose the name of the control template from the list that appears.

      참고

      템플릿 편집은 컨트롤 템플릿을 적용하는 데 사용됩니다.Edit Template is used to apply control templates. 추가 템플릿 편집은 다른 템플릿 형식을 적용하는 데 사용됩니다.Edit Additional Templates is used to apply other template types.

      호환되는 모든 위치에 리소스를 적용할 수 있습니다.Resources can be applied wherever they're compatible. 예를 들어 <xref:Windows.UI.Xaml.Controls.TextBox> 컨트롤의 Foreground 속성에 브러시 리소스를 적용할 수 있습니다.For example, a brush resource can be applied to the Foreground property of a <xref:Windows.UI.Xaml.Controls.TextBox> control.

리소스를 편집하려면To edit a resource

  1. 아트보드 또는 문서 개요 창에서 요소를 선택합니다.Choose an element on the artboard or in the Document Outline window.

  2. [속성] 창에서 속성의 오른쪽에 있는 기본 또는 로컬 속성 표식을 선택하고 리소스 편집을 선택하여 리소스 편집 대화 상자를 엽니다.Choose the Default or Local property marker to the right of the property in the Properties window, and then choose Edit Resource to open the Edit Resource dialog box.

  3. 리소스에 대한 옵션을 수정합니다.Modify options for the resource.

참고 항목See Also

XAML 디자이너를 사용하여 UI 만들기Creating a UI by using XAML Designer