Wpf中的style

　　　　一般要使几个控件拥有相同的外观，如果不用style或指定资源的话，只能ctrl+c和ctrl+v了

比如要实现下面的Button 外观

我们可以直接使用样式来规范它

<StackPanel Orientation="Horizontal" Height="246" Width="495">
        <StackPanel.Resources>
            <Style x:Key="buttonStyle">
                <Setter Property="Button.FontSize" Value="22"></Setter>
                <Setter Property="Button.Background" Value="Purple"></Setter>
                <Setter Property="Button.Foreground" Value="White"></Setter>
                <Setter Property="Button.Margin" Value="10,0"></Setter>
                <Setter Property="Button.Height" Value="50"></Setter>
                <Setter Property="Button.Width" Value="50"></Setter>
                <Setter Property="Button.RenderTransformOrigin" Value=".5,.5"></Setter>
                <Setter Property="Button.RenderTransform">
                    <Setter.Value>
                        <RotateTransform Angle="10"></RotateTransform>
                    </Setter.Value>
                </Setter>
            </Style><!--基本的样式-->
            <Style x:Key="BoldButton" BasedOn="{StaticResource buttonStyle}">
                <Setter Property="Button.FontWeight" Value="Bold"></Setter>
            </Style><!--字体加粗的样式，继承于上面-->
        </StackPanel.Resources>
        <Button Style="{StaticResource BoldButton}">1</Button>
<Button Style="{StaticResource BoldButton}">2</Button>
<Button Style="{StaticResource BoldButton}">3</Button>
</StackPanel>

　　其中的Button引用的是BoldButton样式,而BoldButton自己就实现了字体的加粗，替他的都是用BaseOn属性从

buttonStyle继承而来的.

　　当然这只是对Button样式,如果把Button.xxx改为Control.xxx会怎么样呢？它（样式）会变成对所有的Control使用样式了，代码和结果如下

<StackPanel Orientation="Horizontal" Height="246" Width="495">
        <StackPanel.Resources>
            <Style x:Key="ControlStyle">
                <Setter Property="Control.FontSize" Value="22"></Setter>
                <Setter Property="Control.Background" Value="Purple"></Setter>
                <Setter Property="Control.Foreground" Value="White"></Setter>
                <Setter Property="Control.Margin" Value="10,0"></Setter>
                <Setter Property="Control.Height" Value="50"></Setter>
                <Setter Property="Control.Width" Value="50"></Setter>
                <Setter Property="Control.RenderTransformOrigin" Value=".5,.5"></Setter>
                <Setter Property="Control.RenderTransform">
                    <Setter.Value>
                        <RotateTransform Angle="10"></RotateTransform>
                    </Setter.Value>
                </Setter>
            </Style><!--基本的样式-->
            <Style x:Key="ControlBold" BasedOn="{StaticResource ControlStyle}">
                <Setter Property="Control.FontWeight" Value="Bold"></Setter>
            </Style><!--字体加粗的样式，继承于上面-->
        </StackPanel.Resources>
        <Button Style="{StaticResource ControlBold}">1</Button>
        <ComboBox Style="{StaticResource ControlBold}">
            <ComboBox.Items>2</ComboBox.Items>
        </ComboBox>
        <Expander Style="{StaticResource ControlBold}" Content="3"></Expander>
        <TabControl Style="{StaticResource ControlBold}">
            <TabControl.Items>4</TabControl.Items>
        </TabControl>
        <ToolBar Style="{StaticResource ControlBold}">
            <ToolBar.Items>5</ToolBar.Items>
        </ToolBar>
        <InkCanvas Style="{StaticResource ControlBold}"></InkCanvas>
        <TextBox Style="{StaticResource ControlBold}" Text="7"></TextBox>
    </StackPanel>

如果你复制xaml的话，结果可能不是和上面一样,因为2是我选择了下拉，3是点击了展开，6是画上去的!

如果style里面的一些属性设置，某些控件没有会怎么样呢？会忽略它!像InkCanvas就没有Foreground和FontSize属性.

　　如果你的ComBox不想要紫色的Background怎么办？直接用本地值就好了（Background = "Red"），因为本地的优先级比任何的Style设置都高.

　　限制Style的使用,可以设置TargetType属性来解决,像在style的后面加上 TargetType="{x:Type Button}",这样除Button以外的控件用这个Style时，就会发生异常了.另外加上了TargetType="{x:Type Button}"，就可以像Button.Width一样所有的前缀Button了....

 

　　最后来说一下隐式的Style，也就是创建的时候不加x:Key的情况，它的意思就是在全局（在StackPanel资源下，就是StackPanel内，在Window资源下,就是Window内）默认使用这个样式，但是用一个x:Type只能有一个隐式的Style，否则会报错.隐式的不是没有键名，其实键名就是Style的TargetType属性.可以显示的访问哦，如下：

<Button Style="{StaticResource {x:Type Button}}" />