（一）Mahapps安装与使用

一.Mahapps安装

1.NuGet程序包安装

右击项目-->选择 “管理Nuget程序包”-->搜索“MahApps.Metro”

2.包管理控制台

选择“工具”-->“NuGet包管理器”-->"程序包管理器控制台"-->输入“PM> Install-Package MahApps.Metro”

二.Mahapps使用

1.在xaml窗体引用命名空间

xmlns:controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

 2.对Window标签进行替换

<controls:MetroWindow> </<controls:MetroWindow>

3.对xaml.cs中继承的Window进行替换

 public partial class MainWindow : MetroWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }

4.在xaml.cs中引用命名空间

using MahApps.Metro.Controls;

5.在App.xaml中引用内置样式

  <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colors.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

6.接下来我们就可以看到Metro风格的界面了

 

TIPS: 我觉得比较有意思的点在于它的标题栏颜色的转换

<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" />

将“Blue” 改为"Pink"它就会变成粉色啦！

不过有些颜色这个框架支持，有些不支持！