一.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"它就会变成粉色啦!
不过有些颜色这个框架支持,有些不支持!