2013/12/5
適用於: Windows Phone 8 | Windows Phone OS 7.1
Windows Phone 對主題資源使用資源字典,它是一個鍵控對象字典,可在 XAML 和代碼中使用。本節提供有關 Windows Phone 資源字典中提供的特定主題屬性的信息。您的應用程序可以訪問此處顯示的屬性,並使用 XAML 代碼將其綁定到控件。在運行時,這些資源會被添加到應用程序中。
分配給主題資源的特定值可能取決於最終用戶爲其手機所選擇的強調色和背景色。有關指定這些值的位置以及選擇另外一個主題時所發生情況的信息,請參見Windows Phone 主題。 |
下表列出了並定義 Windows Phone 中提供的主題屬性。可以在設計器中使用控件屬性或使用{StaticResource}標記擴展通過 XAML 應用它們。後者通過計算對已定義資源的引用來爲任何 XAML 屬性 (Property) 的屬性 (Attribute) 提供值。有關如何將這些資源綁定到控件的信息,請參見如何應用 Windows Phone 的主題資源。
本主題包含下列主題屬性:
-
畫筆資源
-
顏色資源
-
字體名稱
-
粗細
-
字體大小
-
文本樣式
-
主題可見性和不透明度
畫筆資源
本表列出並介紹了可以應用的各種畫筆。
名稱 |
類型 |
說明 |
---|---|---|
PhoneAccentBrush |
SolidColorBrush |
所選目標項的前景色 |
PhoneForegroundBrush |
SolidColorBrush |
默認的前景和邊框顏色 |
PhoneBackgroundBrush |
SolidColorBrush |
頁面和其他控件的默認背景 |
PhoneContrastBackgroundBrush |
SolidColorBrush |
對比元素的背景 |
PhoneContrastForegroundBrush |
SolidColorBrush |
對比元素的前景 |
PhoneDisabledBrush |
SolidColorBrush |
禁用的前景和顏色 |
PhoneSubtleBrush |
SolidColorBrush |
細微前景和邊框 |
TransparentBrush |
SolidColorBrush |
用於背景和觸控目標的 100% 透明畫筆 |
PhoneSemitransparentBrush |
SolidColorBrush |
用於提供圖像背景對比度的部分透明背景畫筆 |
PhoneChromeBrush |
SolidColorBrush |
用於匹配應用程序欄顏色 |
TextBox 畫筆
名稱 |
類型 |
說明 |
---|---|---|
PhoneTextBoxBrush |
SolidColorBrush |
TextBox 控件畫筆 |
PhoneTextCaretBrush |
SolidColorBrush |
TextBox 中符號畫筆 |
PhoneTextBoxForegroundBrush |
SolidColorBrush |
TextBox 控件前景畫筆 |
PhoneTextBoxEditBackgroundBrush |
SolidColorBrush |
TextBox 控件編輯前景畫筆 |
PhoneTextBoxEditBorderBrush |
SolidColorBrush |
TextBox 控件編輯邊框畫筆 |
PhoneTextBoxReadOnlyBrush |
SolidColorBrush |
TextBox 控件只讀狀態畫筆。 |
PhoneTextBoxSelectionForegroundBrush |
SolidColorBrush |
TextBox 控件選擇內容前景畫筆 |
RadioButton 和 CheckBox 畫筆
名稱 |
類型 |
說明 |
---|---|---|
PhoneRadioCheckBoxBrush |
SolidColorBrush |
RadioButton 和 CheckBox 畫筆 |
PhoneRadioCheckBoxDisabledBrush |
SolidColorBrush |
禁用的 RadioButton 和 CheckBox 狀態畫筆 |
PhoneRadioCheckBoxCheckBrush |
SolidColorBrush |
CheckBox 選中畫筆 |
PhoneRadioCheckBoxCheckDisabledBrush |
SolidColorBrush |
禁用的 CheckBox 選中畫筆 |
PhoneRadioCheckBoxPressedBrush |
SolidColorBrush |
RadioButton 和 CheckBox 按下狀態畫筆 |
PhoneRadioCheckBoxPressedBorderBrush |
SolidColorBrush |
RadioButton 和 CheckBox 按下狀態畫筆 |
顏色資源
本表列出並介紹了可以通過畫筆資源應用的各種顏色。
您應該嘗試使用畫筆資源,而不是直接使用或修改顏色。這是因爲在您的應用程序中只能修改畫筆值,而不能修改顏色。 |
名稱 |
類型 |
說明 |
---|---|---|
PhoneBackgroundColor |
顏色 |
頁面和其他控件的默認背景 |
PhoneForegroundColor |
顏色 |
默認的前景和邊框顏色 |
PhoneDisabledColor |
顏色 |
禁用的前景和顏色 |
PhoneSubtleColor |
顏色 |
細微前景和邊框 |
PhoneAccentColor |
顏色 |
所選目標項的前景色 |
PhoneContrastBackgroundColor |
顏色 |
對比元素的背景 |
PhoneContrastForegroundColor |
顏色 |
對比元素的前景 |
PhoneChromeColor |
顏色 |
狀態欄和應用程序欄的顏色 |
PhoneSemitransparentColor |
顏色 |
用於提供圖像背景對比度的部分透明色 |
TextBox 顏色
名稱 |
類型 |
說明 |
---|---|---|
PhoneTextBoxColor |
顏色 |
TextBox 控件的顏色 |
PhoneTextCaretColor |
顏色 |
TextBox 中符號的顏色 |
PhoneTextBoxForegroundColor |
顏色 |
TextBox 控件前景顏色 |
PhoneTextBoxEditBackgroundColor |
顏色 |
TextBox 控件編輯背景顏色 |
PhoneTextBoxEditBorderColor |
顏色 |
TextBox 控件編輯邊框顏色 |
PhoneTextBoxReadOnlyColor |
顏色 |
TextBox 控件只讀狀態顏色。 |
PhoneTextBoxSelectionForegroundColor |
顏色 |
TextBox 控件選擇內容前景顏色 |
RadioButton 和 CheckBox 顏色
名稱 |
類型 |
說明 |
---|---|---|
PhoneRadioCheckBoxColor |
顏色 |
RadioButton 和 CheckBox 顏色 |
PhoneRadioCheckBoxDisabledColor |
顏色 |
禁用的 RadioButton 和 CheckBox 狀態顏色 |
PhoneRadioCheckBoxCheckColor |
顏色 |
CheckBox 選中的顏色 |
PhoneRadioCheckBoxCheckDisabledColor |
顏色 |
禁用的 CheckBox 選中的顏色 |
PhoneRadioCheckBoxPressedColor |
顏色 |
RadioButton 和 CheckBox 按下狀態顏色 |
PhoneRadioCheckBoxPressedBorderColor |
顏色 |
RadioButton 和 CheckBox 按下狀態顏色 |
字體名稱
本表列出並介紹了可以應用的各種字體名稱。屬性 = FontFamily
名稱 |
類型 |
值 |
---|---|---|
PhoneFontFamilyNormal |
字體系列 |
Segoe WP |
PhoneFontFamilyLight |
字體系列 |
Segoe WP Light |
PhoneFontFamilySemiLight |
字體系列 |
Segoe WP Semilight |
PhoneFontFamilySemiBold |
字體系列 |
Segoe WP Semibold |
粗細
本表列出並介紹了應用到 UI 元素的粗細。屬性 = BorderThickness、邊距、填充
名稱 |
類型 |
值 |
---|---|---|
PhoneHorizontalMargin |
BorderThickness、邊距、填充 |
12, 0 |
PhoneVerticalMargin |
BorderThickness、邊距、填充 |
0, 12 |
PhoneMargin |
BorderThickness、邊距、填充 |
12 |
PhoneTouchTargetOverhang |
BorderThickness、邊距、填充 |
12 |
PhoneTouchTargetLargeOverhang |
BorderThickness、邊距、填充 |
12, 20 |
PhoneTextBoxInnerMargin |
BorderThickness、邊距、填充 |
1,2 |
PhonePasswordBoxInnerMargin |
BorderThickness、邊距、填充 |
3,2 |
PhoneBorderThickness |
BorderThickness、邊距、填充 |
3 |
PhoneStrokeThickness |
BorderThickness、邊距、填充 |
3 |
字體大小
本表列出並介紹了可以應用的各種字體大小。屬性 = FontSize
名稱 |
類型 |
說明 |
---|---|---|
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 控件的文本樣式選項。屬性 = 樣式。
您可以使用 Blend for Visual Studio 預覽文本樣式,然後將其應用到對象。有關更多信息,請參見 Blend for Visual Studio 2012。 |
名稱 |
適用於: |
類型 |
說明 |
---|---|---|---|
PhoneTextBlockBase |
TextBlock |
樣式 |
FontFamily: PhoneFontFamilyNormal FontSize: PhoneFontSizeNormal Foreground: PhoneForegroundBrush Margin: PhoneHorizontalMargin |
PhoneTextNormalStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase |
PhoneTextSubtleStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase Foreground: PhoneSubtleBrush |
PhoneTextTitle1Style |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeExtraExtraLarge |
PhoneTextTitle2Style |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily:PhoneFontFamilySemiLight FontSize: PhoneFontSizeLarge |
PhoneTextTitle3Style |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeMedium |
PhoneTextSmallStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontSize: PhoneFontSizeSmall Foreground: PhoneSubtleBrush |
PhoneTextLargeStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeLarge |
PhoneTextExtraLargeStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeExtraLarge |
PhoneTextGroupHeaderStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiLight FontSize: PhoneFontSizeLarge Foreground: PhoneSubtleBrush |
PhoneTextContrastStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiBold Foreground: PhoneContrastForegroundBrush
|
PhoneTextAccentStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilySemiBold Foreground: PhoneAccentBrush
|
PhoneTextHugeStyle |
TextBlock |
樣式 |
BasedOn: PhoneTextBlockBase FontFamily: PhoneFontFamilyLight FontSize: PhoneFontSizeHuge
|
主題可見性和不透明度
別外還有一些可用來調整深色和淺色主題背景可見性和不透明度的資源:
可見性
名稱 |
類型 |
說明 |
---|---|---|
PhoneDarkThemeVisibility |
可見性 |
在深色主題中可見,而在淺色主題中會摺疊 |
PhoneLightThemeVisibility |
可見性 |
在淺色主題中可見,而在深色主題中會摺疊 |
不透明度
名稱 |
類型 |
說明 |
---|---|---|
PhoneDarkThemeOpacity |
Double |
1 表示深色主題,0 表示淺色主題 |
PhoneLightThemeOpacity |
Double |
0 表示深色主題,1 表示淺色主題 |