在wpf中，官方为我们提供了大量的控件，但为了让界面更美观，保持控件的一致性，我们都需要对原生的控件进行修改，修改控件的外观样式包括三种，分别为：更改控件的属性值，为控件创建Style，为控件创建新 ControlTemplate。下面来一一介绍每种类型是怎么修改控件的外观的。

1.更改控件的属性值

大多数控件都提供了修改外观的属性，如修改背景色可以设置Background，修改字体大小可以设置FontSize，如果要修改控件的外观，直接在xaml文件中修改对应的属性值就可以了。如下所示为修改按钮的背景和色字体大小，及文字的颜色：

<Button Width="100" Height="30" Background="Red" FontSize="23" Foreground="White">按钮</Button>

2.创建Style

通过第一种方式，修改控件的属性，需要设置每个控件的相关属性，设置起来相当麻烦，可以通过为控件创建Style来实现样式的复用，创建Style有两种方式，一种是用于修改所有控件，一种是通过指定key来修改，一般我们将创建的样式保存在资源字典中。

创建资源字典

首先需要创建资源字典，右键项目，然后选择添加项，弹出界面如下所示：

资源字典.png

选择资源字典并输入字典名称后，点击【添加】按钮进行添加。

引入资源字典文件

创建好资源字典文件后，在app.xaml文件中引入文件，AppStyle.xaml为新创建的资源字典文件，如下所示：

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

创建样式

创建好文件后，再根据设计稿来创建相应的样式，如下所示为创建一个按钮的通用样式和一个指定的样式：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:WpfAppDemo">
    <SolidColorBrush x:Key="defaultBackground" Color="Red" />

    <Style TargetType="Button">
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush StartPoint="0,0.5" 
                              EndPoint="1,0.5">
                    <GradientStop Color="Green" Offset="0.0" />
                    <GradientStop Color="White" Offset="0.9" />
                </LinearGradientBrush>

            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

引用样式

如果创建的是通用样式，所有控件将生效，如果是设置Key，可以指定设置控件的样式，如下所示：

样式设置.png

<Window x:Class="WpfAppDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfAppDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel Orientation="Vertical">
        <Button Width="100" Height="30" Margin="20">按钮</Button>
        <Button Width="100" Height="30"  Background="{StaticResource defaultBackground}">按钮</Button>
    </StackPanel>
</Window>

3.创建 ControlTemplate

通过Style，您可以一次对多个控件设置属性，但有时您可能希望自定义Control的外观，而不是通过创建 Style来实现的。从 Control类继承的类具有一个 ControlTemplate，用于定义 Control的结构和外观。 Control的 Template 属性是公共的，因此可以为 Control 指定与默认值不同的 ControlTemplate。通常可以为 Control指定新的ControlTemplate，而不是从控件继承以自定义 Control的外观。
下面的示例为 Button创建 ControlTemplate。ControlTemplate创建一个带圆角和渐变背景的 Button。 ControlTemplate 包含一个Border，其 Background 是具有两个 GradientStop 对象的 LinearGradientBrush。第一个 GradientStop 使用数据绑定将 GradientStop 的 Color 属性绑定到按钮背景的颜色。设置 Button的 Background 属性时，该值的颜色将用作第一个 GradientStop。

<Style TargetType="Button">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border 
          x:Name="Border"  
          CornerRadius="20" 
          BorderThickness="1"
          BorderBrush="Black">
                        <Border.Background>
                            <LinearGradientBrush StartPoint="0,0.5" 
                                 EndPoint="1,0.5">
                                <GradientStop Color="{Binding Background.Color, 
                    RelativeSource={RelativeSource TemplatedParent}}" 
                            Offset="0.0" />
                                <GradientStop Color="White" Offset="0.9" />
                            </LinearGradientBrush>
                        </Border.Background>
                        <ContentPresenter 
            Margin="2"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            RecognizesAccessKey="True"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed" Value="true">
                            <Setter TargetName="Border" Property="Background">
                                <Setter.Value>
                                    <LinearGradientBrush StartPoint="0,0.5" 
                                     EndPoint="1,0.5">
                                        <GradientStop Color="{Binding Background.Color, 
                    RelativeSource={RelativeSource TemplatedParent}}" 
                                Offset="0.0" />
                                        <GradientStop Color="DarkSlateGray" Offset="0.9" />
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

个人博客

WPF-外观样式