小编点评

【WPF教程】WPF自定义控件与样式：如何使用ResourceDictionary和Style自定义按钮样式及外形 本文将为您介绍如何在WPF中自定义按钮的样式和外形。我们将通过两个示例来展示如何使用ResourceDictionary和Style来实现这一目标。 1. 使用Style定义扁平化的按钮样式 在这个示例中，我们将创建一个扁平化的按钮样式，通过修改Template模板中的内容来实现按钮样式的自定义。完整代码已托管在Github上供您查阅。 步骤如下： a. 创建一个名为ButtonStyleDictionary.xaml的资源字典文件，并定义一个扁平化按钮样式。 b. 在您的WPF窗口或自定义控件的XAML文件中，引用该资源字典。 c. 在XAML窗口或自定义控件的按钮元素中，使用定义的样式。 示例代码如下： ButtonStyleDictionary.xaml: ``` ``` 2. 使用Style和Polygon自定义Button的外形 在这个示例中，我们将使用Polygon元素来自定义按钮的外形。同样，我们将在Github上提供完整代码。 步骤如下： a. 创建一个名为ArrowButtonStyle.xaml的资源字典文件，并定义一个带边框的按钮样式。 b. 在您的WPF窗口或自定义控件的XAML文件中，引用该资源字典。 c. 在XAML窗口或自定义控件的按钮元素中，使用定义的样式。 示例代码如下： ArrowButtonStyle.xaml: ``` ``` 通过以上示例，您可以轻松地自定义WPF按钮的样式和外形。更多关于WPF的知识和实践，请参考官方文档和相关教程。希望这些信息能对您有所帮助！

正文

最新内容优先发布于个人博客：小虎技术分享站，随后逐步搬运到博客园。

WPF的按钮提供了Template模板，可以通过修改Template模板中的内容对按钮的样式进行自定义，完整代码Github自取。

使用Style定义扁平化的按钮样式

定义一个ButtonStyleDictonary.xaml资源字典文件，在Control Template中定义一个带Border的按钮，然后定义Trigger作为改变样式的触发器

<Style x:Key="FlatButtonStyle" TargetType="Button">
    <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="red"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

WPF中使用ResourceDictonary 资源字典

引入在资源字典文件中定义公共的Template，然后在xaml窗口、自定义控件或者整个App当中调用

<Window.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="ButtonStyleDictonary.xaml"></ResourceDictionary>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Window.Resources>

然后就可以在窗体的xaml中应用刚才定义的属性了

<Button Style="{StaticResource FlatButtonStyle}" Width="64" Height="28">
     Hello
</Button>

使用Style和Polygon自定义Button的外形

<Style x:Key="ArrowButtonStyle" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Polygon x:Name="border" Fill="{TemplateBinding Background}"
                            Points="0,0 2,0 1,1" Stroke="Black" StrokeThickness="2"
                            SnapsToDevicePixels="True"
                            Stretch="Uniform"/>

                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="border" Property="Fill" Value="gray"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter TargetName="border" Property="Fill" Value="red"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

效果如下

参考资料

WPF自定义控件与样式-自定义按钮（Button）
如何：使用应用程序范围的资源字典