（一）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"它就會變成粉色啦！

不過有些顏色這個框架支持，有些不支持！