내보내기(0) 인쇄
모두 확장

Windows Phone의 테마 리소스

2012-02-09

Windows Phone은 XAML과 코드에서 모두 사용할 수 있는 키가 지정된 개체 사전인 리소스 사전을 테마 리소스에 사용합니다. 이 단원에서는 Windows Phone 리소스 사전에서 사용할 수 있는 테마 관련 속성에 대한 정보를 제공합니다. 응용프로그램은 여기에 공개된 속성에 액세스하고 XAML 코드를 사용하여 속성을 컨트롤에 바인딩할 수 있습니다. 이러한 리소스는 런타임에 응용프로그램에 추가됩니다.

참고참고:

테마 리소스에 할당되는 특정 값은 최종 사용자가 단말기에 대해 선택한 테마 컬러와 배경색에 따라 달라질 수 있습니다. 이러한 값이 지정되는 위치 및 다른 테마를 선택할 경우의 결과에 대한 자세한 내용은 Windows Phone의 테마 개요를 참조하십시오.

다음 표는 Windows Phone에서 사용할 수 있는 테마 속성을 표시하고 정의합니다. 테마 속성은 컨트롤 속성을 사용하여 디자이너에서 적용하거나 {StaticResource} 태그 확장을 사용하여 XAML을 통해 적용할 수 있습니다. XAML을 통해 적용하는 경우 이미 정의된 리소스에 대한 참조를 평가하여 모든 XAML 속성 특성에 대한 값을 제공합니다. 이러한 리소스를 컨트롤에 바인딩하는 방법에 대한 자세한 내용은 방법: Windows Phone의 테마 리소스 적용을 참조하십시오.

이 항목에서는 다음 테마 속성에 대해 설명합니다.

  1. 브러시 리소스

  2. 색 리소스

  3. 글꼴 이름

  4. Thickness

  5. 글꼴 크기

  6. 텍스트 스타일

  7. 테마 표시 유형 및 불투명도

브러시 리소스

이 표에서는 적용할 수 있는 다양한 브러시를 표시하고 설명합니다.

이름

Type

설명

PhoneAccentBrush

SolidColorBrush

관심 있는 항목을 선택할 전경색

PhoneForegroundBrush

SolidColorBrush

기본 전경색 및 테두리 색

PhoneBackgroundBrush

SolidColorBrush

Page 및 기타 컨트롤의 기본 배경

PhoneContrastBackgroundBrush

SolidColorBrush

대비 요소의 배경

PhoneContrastForegroundBrush

SolidColorBrush

대비 요소의 전경

PhoneDisabledBrush

SolidColorBrush

사용하지 않도록 설정된 전경 및 색

PhoneSubtleBrush

SolidColorBrush

은은한 전경 및 테두리

TransparentBrush

SolidColorBrush

배경 및 터치 대상에 사용되는 100% 투명 브러시

PhoneSemitransparentBrush

SolidColorBrush

이미지 배경에 대비를 제공하는 데 사용되는 부분 투명 배경 브러시

PhoneChromeBrush

SolidColorBrush

응용프로그램 모음 색을 일치시키는 데 사용

 

TextBox 브러시

이름

Type

설명

PhoneTextBoxBrush

SolidColorBrush

TextBox 컨트롤의 브러시

PhoneTextCaretBrush

SolidColorBrush

TextBox 캐럿의 브러시

PhoneTextBoxForegroundBrush

SolidColorBrush

TextBox 컨트롤 전경의 브러시

PhoneTextBoxEditBackgroundBrush

SolidColorBrush

TextBox 컨트롤 편집 배경의 브러시

PhoneTextBoxEditBorderBrush

SolidColorBrush

TextBox 컨트롤 편집 테두리의 브러시

PhoneTextBoxReadOnlyBrush

SolidColorBrush

TextBox 컨트롤 읽기 전용 상태의 브러시

PhoneTextBoxSelectionForegroundBrush

SolidColorBrush

TextBox 컨트롤 선택 전경의 브러시

 

RadioButton 및 CheckBox 브러시

이름

Type

설명

PhoneRadioCheckBoxBrush

SolidColorBrush

RadioButton 및 CheckBox의 브러시

PhoneRadioCheckBoxDisabledBrush

SolidColorBrush

사용하지 않도록 설정된 RadioButton 및 CheckBox 상태의 브러시

PhoneRadioCheckBoxCheckBrush

SolidColorBrush

CheckBox 선택의 브러시

PhoneRadioCheckBoxCheckDisabledBrush

SolidColorBrush

사용하지 않도록 설정된 CheckBox 선택의 브러시

PhoneRadioCheckBoxPressedBrush

SolidColorBrush

RadioButton 및 CheckBox 누른 상태의 브러시

PhoneRadioCheckBoxPressedBorderBrush

SolidColorBrush

RadioButton 및 CheckBox 누른 상태의 브러시

색 리소스

이 표에서는 브러시 리소스를 통해 적용할 수 있는 다양한 색을 표시하고 설명합니다.

참고참고:

색을 직접 사용하거나 수정하는 대신 브러시 리소스를 사용해야 합니다. 응용프로그램에서 브러시 값은 수정할 수 있지만 색은 수정할 수 없기 때문입니다.

이름

Type

설명

PhoneBackgroundColor

Color

Page 및 기타 컨트롤의 기본 배경

PhoneForegroundColor

Color

기본 전경색 및 테두리 색

PhoneDisabledColor

Color

사용하지 않도록 설정된 전경 및 색

PhoneSubtleColor

Color

은은한 전경 및 테두리

PhoneAccentColor

Color

관심 있는 항목을 선택할 전경색

PhoneContrastBackgroundColor

Color

대비 요소의 배경

PhoneContrastForegroundColor

Color

대비 요소의 전경

PhoneChromeColor

Color

상태 표시줄 및 응용프로그램 모음의 색

PhoneSemitransparentColor

Color

이미지 배경에 대비를 제공하는 데 사용되는 부분 투명 색

 

TextBox 색

이름

Type

설명

PhoneTextBoxColor

Color

TextBox 컨트롤의 색

PhoneTextCaretColor

Color

TextBox 캐럿의 색

PhoneTextBoxForegroundColor

Color

TextBox 컨트롤 전경색

PhoneTextBoxEditBackgroundColor

Color

TextBox 컨트롤 편집 배경색

PhoneTextBoxEditBorderColor

Color

TextBox 컨트롤 편집 테두리의 색

PhoneTextBoxReadOnlyColor

Color

TextBox 컨트롤 읽기 전용 상태의 색

PhoneTextBoxSelectionForegroundColor

Color

TextBox 컨트롤 선택 전경색

 

RadioButton 및 CheckBox 색

이름

Type

설명

PhoneRadioCheckBoxColor

Color

RadioButton 및 CheckBox의 색

PhoneRadioCheckBoxDisabledColor

Color

사용하지 않도록 설정된 RadioButton 및 CheckBox 상태의 색

PhoneRadioCheckBoxCheckColor

Color

CheckBox 선택의 색

PhoneRadioCheckBoxCheckDisabledColor

Color

사용하지 않도록 설정된 CheckBox 선택의 색

PhoneRadioCheckBoxPressedColor

Color

RadioButton 및 CheckBox 누른 상태의 색

PhoneRadioCheckBoxPressedBorderColor

Color

RadioButton 및 CheckBox 누른 상태의 색

글꼴 이름

이 표에서는 적용할 수 있는 다양한 글꼴 이름을 표시하고 설명합니다. 특성 = FontFamily

이름

Type

PhoneFontFamilyNormal

글꼴 패밀리

Segoe WP

PhoneFontFamilyLight

글꼴 패밀리

Segoe WP Light

PhoneFontFamilySemiLight

글꼴 패밀리

Segoe WP Semilight

PhoneFontFamilySemiBold

글꼴 패밀리

Segoe WP Semibold

Thickness

이 표에서는 UI 요소에 적용할 수 있는 두께를 표시하고 설명합니다. 특성 = BorderThickness, Margin, Padding

이름

Type

PhoneHorizontalMargin

BorderThickness, Margin, Padding

12, 0

PhoneVerticalMargin

BorderThickness, Margin, Padding

0, 12

PhoneMargin

BorderThickness, Margin, Padding

12

PhoneTouchTargetOverhang

BorderThickness, Margin, Padding

12

PhoneTouchTargetLargeOverhang

BorderThickness, Margin, Padding

12, 20

PhoneTextBoxInnerMargin

BorderThickness, Margin, Padding

1,2

PhonePasswordBoxInnerMargin

BorderThickness, Margin, Padding

3,2

PhoneBorderThickness

BorderThickness, Margin, Padding

3

PhoneStrokeThickness

BorderThickness, Margin, Padding

3

글꼴 크기

이 표에서는 적용할 수 있는 다양한 글꼴 크기를 표시하고 설명합니다. 특성 = FontSize

이름

Type

설명

PhoneFontSizeSmall

Double

18.667

PhoneFontSizeNormal

Double

20

PhoneFontSizeMedium

Double

22.667

PhoneFontSizeMediumLarge

Double

25.333

PhoneFontSizeLarge

Double

32

PhoneFontSizeExtraLarge

Double

42.667

PhoneFontSizeExtraExtraLarge

Double

72

PhoneFontSizeHuge

Double

186.667

텍스트 스타일

다음 표에서는 TextBlock 컨트롤에 적용할 수 있는 텍스트 스타일 선택 항목을 제공합니다. 특성 = Style

팁팁:

Windows Phone용 Expression Blend 을 사용하여 텍스트 스타일을 개체에 적용하기 전에 미리 볼 수 있습니다. 자세한 내용은 Windows Phone용 Expression Blend 개요를 참조하십시오.

이름

적용 대상:

Type

설명

PhoneTextBlockBase

TextBlock

Style

FontFamily: PhoneFontFamilyNormal

FontSize: PhoneFontSizeNormal

Foreground: PhoneForegroundBrush

Margin: PhoneHorizontalMargin

PhoneTextNormalStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

PhoneTextSubtleStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

Foreground: PhoneSubtleBrush

PhoneTextTitle1Style

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilySemiLight

FontSize: PhoneFontSizeExtraExtraLarge

PhoneTextTitle2Style

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily:PhoneFontFamilySemiLight

FontSize: PhoneFontSizeLarge

PhoneTextTitle3Style

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilySemiLight

FontSize: PhoneFontSizeMedium

PhoneTextSmallStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontSize: PhoneFontSizeSmall

Foreground: PhoneSubtleBrush

PhoneTextLargeStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilySemiLight

FontSize: PhoneFontSizeLarge

PhoneTextExtraLargeStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilySemiLight

FontSize: PhoneFontSizeExtraLarge

PhoneTextGroupHeaderStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilySemiLight

FontSize: PhoneFontSizeLarge

Foreground: PhoneSubtleBrush

PhoneTextContrastStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilySemiBold

Foreground: PhoneContrastForegroundBrush

PhoneTextAccentStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilySemiBold

Foreground: PhoneAccentBrush

PhoneTextHugeStyle

TextBlock

Style

BasedOn: PhoneTextBlockBase

FontFamily: PhoneFontFamilyLight

FontSize: PhoneFontSizeHuge

테마 표시 유형 및 불투명도

어둡고 밝은 테마 배경의 표시 유형 및 불투명도를 조정하는 데 사용할 수 있는 리소스도 있습니다.

Visibility

이름

Type

설명

PhoneDarkThemeVisibility

Visibility

어두운 테마에서 표시하고 밝은 테마에서 축소

PhoneLightThemeVisibility

Visibility

밝은 테마에서 표시하고 어두운 테마에서 축소

 

Opacity

이름

Type

설명

PhoneDarkThemeOpacity

Double

어두운 테마에서는 1이고 밝은 테마에서는 0

PhoneLightThemeOpacity

Double

어두운 테마에서는 0이고 밝은 테마에서는 1

표시:
© 2015 Microsoft