WPF 自定义Metro Style窗体

为了使WPF程序在不同版本的操作系统上保持一致的显示效果，我们需要重写WPF控件样式。这篇博客将展示如何创建一个Metro Style的WPF窗体。

首先先看一下最终窗体的效果图，

通过截图我们可以看出来这个窗体由两部分组成，顶部为最小化和关闭按钮，其他区域为窗体的显示区域。请看下面的具体实现代码，

MetroWindow样式：

%26lt;ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:MetroWindow.Resources.Styles"%26gt;
    %26lt;!--最小化按钮样式--%26gt;
    %26lt;Style x:Key="WinMinBtnStyle" TargetType="Button"%26gt;
        %26lt;Setter Property="SnapsToDevicePixels" Value="True"/%26gt;
        %26lt;Setter Property="OverridesDefaultStyle" Value="True"/%26gt;
        %26lt;Setter Property="Width" Value="25"/%26gt;
        %26lt;Setter Property="Height" Value="25"/%26gt;
        %26lt;Setter Property="VerticalAlignment" Value="Top"/%26gt;
        %26lt;Setter Property="Template"%26gt;
            %26lt;Setter.Value%26gt;
                %26lt;ControlTemplate TargetType="Button"%26gt;
                    %26lt;Border x:Name="MainBorder" Background="Transparent"%26gt;
                        %26lt;Grid%26gt;
                            %26lt;ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/%26gt;
                        %26lt;/Grid%26gt;
                    %26lt;/Border%26gt;
                    %26lt;ControlTemplate.Triggers%26gt;
                        %26lt;Trigger Property="IsMouseOver" Value="True"%26gt;
                            %26lt;Setter TargetName="MainBorder" Property="Background" Value="#33a58d"/%26gt;
                        %26lt;/Trigger%26gt;
                    %26lt;/ControlTemplate.Triggers%26gt;
                %26lt;/ControlTemplate%26gt;
            %26lt;/