【Windows Phone 8】样式

类似于Html样式，有三种设置方法。

1.内联样式

直接在控件中设置样式，类似于html中的控件中设置样式。

            <Button Content="内联样式">
                <Button.Style>
                    <Style TargetType="Button">
                        <Setter Property="Background" Value="Red"></Setter>
                        <Setter Property="FontSize" Value="20"></Setter>
                    </Style>
                </Button.Style>
            </Button>

2.内部样式表

在xaml页面定义的样式，通过x:key设置样式名称

    <phone:PhoneApplicationPage.Resources>
        <Style x:Key="CommonButton" TargetType="Button">
            <Setter Property="Background" Value="Blue"></Setter>
            <Setter Property="FontSize" Value="25"></Setter>
        </Style>
    </phone:PhoneApplicationPage.Resources>

<Button Content="导航到Page1" Style="{StaticResource CommonButton}" />

3.外部样式

类似于html的css样式文件，将样式集中定义在外部的样式文件中。

关于xaml样式文件的定义可以参考Windows Phone SDK安装后文件中的ThemeResources.xaml文件，在此基础上进行修改。

<ResourceDictionary
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:System="clr-namespace:System;assembly=mscorlib">

    <Style x:Name="ButtonOutStyle" TargetType="Button">
        <Setter Property="Background" Value="Green"></Setter>
        <Setter Property="FontSize" Value="30"></Setter>
    </Style>
</ResourceDictionary>

  

同时需要修改App.xaml文件，添加该样式资源

<Application.Resources>       
　　<ResourceDictionary>           
　　<ResourceDictionary.MergedDictionaries>               
　　　　<ResourceDictionary Source="CustomTheme/ThemeResources.xaml"/>
　　</ResourceDictionary.MergedDictionaries>       
　　</ResourceDictionary>   
</Application.Resources> 

<Button Content="外部样式" Style="{StaticResource ButtonOutStyle}"></Button>