Windows Phone은 XAML과 코드에서 모두 사용할 수 있는 키가 지정된 개체 사전인 리소스 사전을 테마 리소스에 사용합니다. 이 단원에서는 Windows Phone 리소스 사전에서 사용할 수 있는 테마 관련 속성에 대한 정보를 제공합니다. 응용프로그램은 여기에 공개된 속성에 액세스하고 XAML 코드를 사용하여 속성을 컨트롤에 바인딩할 수 있습니다. 이러한 리소스는 런타임에 응용프로그램에 추가됩니다.
 참고: |
|---|
테마 리소스에 할당되는 특정 값은 최종 사용자가 단말기에 대해 선택한 테마 컬러와 배경색에 따라 달라질 수 있습니다. 이러한 값이 지정되는 위치 및 다른 테마를 선택할 경우의 결과에 대한 자세한 내용은 Windows Phone의 테마 개요를 참조하십시오. |
다음 표는 Windows Phone에서 사용할 수 있는 테마 속성을 표시하고 정의합니다. 테마 속성은 컨트롤 속성을 사용하여 디자이너에서 적용하거나 {StaticResource} 태그 확장을 사용하여 XAML을 통해 적용할 수 있습니다. XAML을 통해 적용하는 경우 이미 정의된 리소스에 대한 참조를 평가하여 모든 XAML 속성 특성에 대한 값을 제공합니다. 이러한 리소스를 컨트롤에 바인딩하는 방법에 대한 자세한 내용은 방법: Windows Phone의 테마 리소스 적용을 참조하십시오.
이 항목에서는 다음 테마 속성에 대해 설명합니다.
브러시 리소스
이 표에서는 적용할 수 있는 다양한 브러시를 표시하고 설명합니다.
이름 | 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 |
'WINDOWS PHONE' 카테고리의 다른 글
| SQL Server Compact 4.0 데이터 형식 (0) | 2013.02.01 |
|---|---|
| Windows Phone의 응용프로그램 제목 지역화 (0) | 2013.01.29 |
| ItemsControl 항목을 세로가 아니고 가로로 그리기. (0) | 2013.01.03 |
| 서브페이지로 접근하기하여 값 넘기기 (0) | 2012.12.22 |
| 메인페이지로 값 넘기기. (0) | 2012.12.22 |
