在WPF中如何设定一个控件的样式-Button

内容简介

在WPF中让用户灵活的设置界面UI已成为WPF的特色，通过在编辑xaml中相关代码使得一个原本黯然失色的空间元素变得绚丽多姿，更可以在界面中撰写犹如HTML一样的风格，表格式的界面编辑、预提供的动画类也使得界面动态化以及前台代码和后台代码分离撰写的快感。

控件

Button控件

这是一个按钮，黯然失色，没有一点生机，下面看它的代码：

<Button Width="100" Height="35"  Content="按钮" />

这是它的代码，一个标签，三个属性，是不是很像HTML代码的风格呢，是的根据HTML代码规格中，有一个Style属性用于设置一个标签的样式，而在WPF中也有一个style属性，但是在WPF中不能够直接在标签处的style属性中撰写样式内容，而需要通过在资源字典中预先写好一个样式，然后在style属性里引用内容才可以将按钮样式成功的应用到按钮。

这，是一个按钮，现在他的字变成红色的了，实现这个办法有很多。

<Button Width="100" Height="35"  Content="按钮" Foreground="#FF0000" />

可以直接通过修改标签属性从而更改他的字体颜色，在下面将通过资源样式更改他的字体颜色：

    <Window.Resources>
        <Style x:Key="defaultButtonStyle" TargetType="Button" >
            <Setter Property="Foreground" Value="#FF0000" />
        </Style>
    </Window.Resources>
    <Grid>
        <Button Width="100" Height="35"  Content="按钮" Foreground="#FF0000" />
    </Grid>

在这里上面加入了一个Window.Resources标签，在内部定义了一个样式，作用是将应用于本样式的标签的字体换成红色。
这，就是简单的样式应用

这岂不是有点麻烦？
对了，在WPF中每个控件他是单独的提供了一个样式的模板的，下面看操作！

在右侧选项卡中单机文档大纲

右击编辑副本

点击确定

这里自动给我们生成了一个Button的代码，首先看这段代码中的SolidColorBrush标签，从每个Key中可以看出他对应着按钮每种状态的颜色值，通过更改响应Color的值即可更改某种状态的颜色。

而这些setter标签顾名思义应用样式，这属于单属性应用，比如设置背景，字体颜色，边框。

最后一个Setter包含的有点多，这是定义了一个模板的样式，规定了控件外观如何拜访排列等顺序，你可以在这里加控件。

ControlTemplate定义了控件模板目标内容为按钮，Border就真正的属于外表样式了，可以在这里添加或者更改！
比如我到里面加个小爱心：

可以看到通过在Border标签里添加了相关代码使得让按钮变成我们想要的布局形式，由于我没做太多的排布看起来不规则，但是这里为什么要用StackPanel把他们包起来是因为在Border下面只能有一个子元素，我们可以使用StackPanel元素包含更多的元素控件！

这就是控件模板的触发器，比如当鼠标挺悬在按钮上按钮的样式将要发生什么改变，在相应的触发器下面Setter标签中做出更改即可，也可以增删内容的！