Windows Phone 三、样式和资源

定义样式和引用资源

    <Page.Resources>
        <!-- 向资源字典中添加一个键为ButtonBackground值为SolidColorBrush对象 -->
        <SolidColorBrush
            x:Key="ButtonBackground"
            Color="Aqua"/>
        <!-- 向资源字典中添加一个键为ButtonForeground值为SolidColorBrush对象 -->
        <SolidColorBrush
            x:Key="ButtonForeground"
            Color="Black"/>
        <!-- 向资源字典中添加一个键为ButtonFontSize值为x:Double对象 -->
        <x:Double x:Key="ButtonFontSize">20</x:Double>
    </Page.Resources>
    <Grid>
        <!--根据资源名称，引用资源-->
        <Button
            Content="Button"
            Background="{StaticResource ButtonBackground}"
            Foreground="{StaticResource ButtonForeground}"
            FontSize="{StaticResource ButtonFontSize}"/>
    </Grid>

资源字典中可以添加各种各样类型的资源，这取决于资源对象的类型，不同对象的类型，对应不同类型的资源标签。

颜色对应SolidColorBrush　　数值对应x:Double

类型选择器

    <Page.Resources>
        <!--类型选择器-->
        <!--Style节点可以不用指定一个具体的键，有一个默认的键（typeof(Button)）-->
        <Style TargetType="Button">
            <!--默认样式-->
            <Setter Property="Width" Value="200"/>
            <Setter Property="Background" Value="HotPink"/>
        </Style>
        <Style x:Key="ButtonStyle" TargetType="Button">
            <!--ButtonStyle样式-->
            <Setter Property="Width" Value="300"/>
            <!--在Value无法赋值的情况下，可以使用以下写法-->
            <Setter Property="Background">
                <Setter.Value>
                    <SolidColorBrush Color="Aqua"/>
                </Setter.Value>
            </Setter>
        </Style>
        <!--演示x:Name也可以-->
        <Style x:Name="ButtonName" TargetType="Button"/>
    </Page.Resources>
    <StackPanel>
        <!--Button的Style默认指向的键为this.GetType()/typeof(Button)默认样式-->
        <Button Content="Button1"/>
        <!--指定ButtonStyle样式-->
        <Button
            Content="Button2"
            Style="{StaticResource ButtonStyle}"/>
    </StackPanel>

外部资源引用

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="ButtonBackground" Color="DarkOrchid"/>
</ResourceDictionary>

Styles.xaml 被创建在Resources文件夹当中

主程序资源

<Application
    x:Class="MyApp.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:MyApp">
    <!--Application.Resources全局共享-->
    <Application.Resources>
        <SolidColorBrush x:Key="ButtonBackground" Color="Navy"/>
    </Application.Resources>
</Application>

外部引用代码

<Page
    x:Class="MyApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:MyApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <!--Page.Resources整个页面共享-->
    <Page.Resources>
        <ResourceDictionary Source="Resources/Styles.xaml"/>
    </Page.Resources>
    <Grid>
        <!--局部共享-->
        <Grid.Resources>
            <!--ResourceDictionary标签可省略-->
            <ResourceDictionary>
                <!--就近原则-->
                <SolidColorBrush x:Key="ButtonBackground" Color="HotPink"/>
            </ResourceDictionary>
        </Grid.Resources>
        <Button Content="Button"
                Background="{StaticResource ButtonBackground}"/>
    </Grid>
</Page>

不同主题定义不同资源

    <Page.Resources>
        <!--为不同主题定义不同资源必须写ResourceDictionary标签-->
        <ResourceDictionary>
            <!--也是一个资源字典-->
            <ResourceDictionary.ThemeDictionaries>
                <!--Default是固定值，默认缺省状态，很少使用，一般使用下面三种-->
                <ResourceDictionary x:Key="Default">
                    <SolidColorBrush x:Key="Color" Color="Aqua"/>
                </ResourceDictionary>
                <!--Dark是固定值，深色主题状态-->
                <ResourceDictionary x:Key="Dark">
                    <SolidColorBrush x:Key="Color" Color="Red"/>
                </ResourceDictionary>
                <!--Light是固定值，浅色主题状态-->
                <ResourceDictionary x:Key="Light">
                    <SolidColorBrush x:Key="Color" Color="Green"/>
                </ResourceDictionary>
                <!--HighContrast是固定值，高对比主题状态-->
                <ResourceDictionary x:Key="HighContrast">
                    <SolidColorBrush x:Key="Color" Color="Blue"/>
                </ResourceDictionary>
            </ResourceDictionary.ThemeDictionaries>
        </ResourceDictionary>
    </Page.Resources>
    <StackPanel>
        <!--ThemeResource可以实时的根据主题变化而选择不同资源，动态读取，不断侦测，消耗资源、性能、电量，效率低-->
        <Button Background="{ThemeResource Color}" Content="ThemeResource"/>
        <!--StaticResource应用启动时选择不同资源，用于引用静止不动的资源（控件模版）效率高-->
        <Button Background="{StaticResource Color}" Content="StaticResource"/>
    </StackPanel>