WPF 自定义各类按钮样式

WPF 自定义各类按钮样式（Button，ToggleButton，RadioButton）

示例一、对Button控件使用触发器修改样式
一般只修改外观和一些事件触发样式的改变

 <Window.Resources>
        <Style TargetType="Button" x:Key="DefaultButton">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="Background" Value="#336633  "></Setter>
                    <Setter Property="FontSize" Value="18"></Setter>
                </Trigger>
            </Style.Triggers>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="{TemplateBinding Background}">
                            <ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"></ContentPresenter>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Background" Value="Green"></Setter>
            <Setter Property="Foreground" Value="White"></Setter>
            <Setter Property="Cursor" Value="Hand"></Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <Button Width="100" Height="30" Content="测试" Style="{StaticResource DefaultButton}"></Button>
    </Grid>

或者也可以直接这样写：

<Button Content="测试" Width="100" Height="30" Margin="30">
    <Button.Style>
         <Style TargetType="Button">
              <Style.Triggers>
                   <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Background" Value="#336633  "></Setter>
                        <Setter Property="FontSize" Value="18"></Setter>
                   </Trigger>
              </Style.Triggers>
              <Setter Property="Template">
                   <Setter.Value>
                        <ControlTemplate TargetType="Button">
                             <Border Background="{TemplateBinding Background}">
                                  <ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"></ContentPresenter>
                              </Border>
                         </ControlTemplate>
                   </Setter.Value>
               </Setter>
               <Setter Property="Background" Value="Green"></Setter>
               <Setter Property="Foreground" Value="White"></Setter>
               <Setter Property="Cursor" Value="Hand"></Setter>
           </Style>
     </Button.Style>
</Button>

执行效果：

二、对Button控件使用控件模板修改样式

<Window.Resources>
        <Style x:Key="BtnInfoStyle" TargetType="Button">
            <Setter Property="Width" Value="70"/>
            <Setter Property="Height" Value="25"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Background" Value="#43a9c7"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True">
                            <TextBlock Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="border" Property="Background" Value="#2f96b4"/>
                            </Trigger>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter TargetName="border" Property="Background" Value="#2a89a4"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate