定义样式和引用资源
1 <Page.Resources> 2 <!-- 向资源字典中添加一个键为ButtonBackground值为SolidColorBrush对象 --> 3 <SolidColorBrush 4 x:Key="ButtonBackground" 5 Color="Aqua"/> 6 <!-- 向资源字典中添加一个键为ButtonForeground值为SolidColorBrush对象 --> 7 <SolidColorBrush 8 x:Key="ButtonForeground" 9 Color="Black"/> 10 <!-- 向资源字典中添加一个键为ButtonFontSize值为x:Double对象 --> 11 <x:Double x:Key="ButtonFontSize">20</x:Double> 12 </Page.Resources> 13 <Grid> 14 <!--根据资源名称，引用资源--> 15 <Button 16 Content="Button" 17 Background="{StaticResource ButtonBackground}" 18 Foreground="{StaticResource ButtonForeground}" 19 FontSize="{StaticResource ButtonFontSize}"/> 20 </Grid>
资源字典中可以添加各种各样类型的资源，这取决于资源对象的类型，不同对象的类型，对应不同类型的资源标签。
颜色对应SolidColorBrush 数值对应x:Double
类型选择器
1 <Page.Resources> 2 <!--类型选择器--> 3 <!--Style节点可以不用指定一个具体的键，有一个默认的键（typeof(Button)）--> 4 <Style TargetType="Button"> 5 <!--默认样式--> 6 <Setter Property="Width" Value="200"/> 7 <Setter Property="Background" Value="HotPink"/> 8 </Style> 9 <Style x:Key="ButtonStyle" TargetType="Button"> 10 <!--ButtonStyle样式--> 11 <Setter Property="Width" Value="300"/> 12 <!--在Value无法赋值的情况下，可以使用以下写法--> 13 <Setter Property="Background"> 14 <Setter.Value> 15 <SolidColorBrush Color="Aqua"/> 16 </Setter.Value> 17 </Setter> 18 </Style> 19 <!--演示x:Name也可以--> 20 <Style x:Name="ButtonName" TargetType="Button"/> 21 </Page.Resources> 22 <StackPanel> 23 <!--Button的Style默认指向的键为this.GetType()/typeof(Button)默认样式--> 24 <Button Content="Button1"/> 25 <!--指定ButtonStyle样式--> 26 <Button 27 Content="Button2" 28 Style="{StaticResource ButtonStyle}"/> 29 </StackPanel>
外部资源引用
1 <ResourceDictionary 2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 4 <SolidColorBrush x:Key="ButtonBackground" Color="DarkOrchid"/> 5 </ResourceDictionary>
Styles.xaml 被创建在Resources文件夹当中
主程序资源
1 <Application 2 x:Class="MyApp.App" 3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 5 xmlns:local="using:MyApp"> 6 <!--Application.Resources全局共享--> 7 <Application.Resources> 8 <SolidColorBrush x:Key="ButtonBackground" Color="Navy"/> 9 </Application.Resources> 10 </Application>
外部引用代码
1 <Page 2 x:Class="MyApp.MainPage" 3 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 4 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 5 xmlns:local="using:MyApp" 6 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 7 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 8 mc:Ignorable="d" 9 Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 10 <!--Page.Resources整个页面共享--> 11 <Page.Resources> 12 <ResourceDictionary Source="Resources/Styles.xaml"/> 13 </Page.Resources> 14 <Grid> 15 <!--局部共享--> 16 <Grid.Resources> 17 <!--ResourceDictionary标签可省略--> 18 <ResourceDictionary> 19 <!--就近原则--> 20 <SolidColorBrush x:Key="ButtonBackground" Color="HotPink"/> 21 </ResourceDictionary> 22 </Grid.Resources> 23 <Button Content="Button" 24 Background="{StaticResource ButtonBackground}"/> 25 </Grid> 26 </Page>
不同主题定义不同资源
1 <Page.Resources> 2 <!--为不同主题定义不同资源必须写ResourceDictionary标签--> 3 <ResourceDictionary> 4 <!--也是一个资源字典--> 5 <ResourceDictionary.ThemeDictionaries> 6 <!--Default是固定值，默认缺省状态，很少使用，一般使用下面三种--> 7 <ResourceDictionary x:Key="Default"> 8 <SolidColorBrush x:Key="Color" Color="Aqua"/> 9 </ResourceDictionary> 10 <!--Dark是固定值，深色主题状态--> 11 <ResourceDictionary x:Key="Dark"> 12 <SolidColorBrush x:Key="Color" Color="Red"/> 13 </ResourceDictionary> 14 <!--Light是固定值，浅色主题状态--> 15 <ResourceDictionary x:Key="Light"> 16 <SolidColorBrush x:Key="Color" Color="Green"/> 17 </ResourceDictionary> 18 <!--HighContrast是固定值，高对比主题状态--> 19 <ResourceDictionary x:Key="HighContrast"> 20 <SolidColorBrush x:Key="Color" Color="Blue"/> 21 </ResourceDictionary> 22 </ResourceDictionary.ThemeDictionaries> 23 </ResourceDictionary> 24 </Page.Resources> 25 <StackPanel> 26 <!--ThemeResource可以实时的根据主题变化而选择不同资源，动态读取，不断侦测，消耗资源、性能、电量，效率低--> 27 <Button Background="{ThemeResource Color}" Content="ThemeResource"/> 28 <!--StaticResource应用启动时选择不同资源，用于引用静止不动的资源（控件模版）效率高--> 29 <Button Background="{StaticResource Color}" Content="StaticResource"/> 30 </StackPanel>