创建Metro风格的WPF界面

一直想写一个Metro风格的程序，可是无从下手。在网上看到一篇手工编程实现Metro风格的窗体，不过比较麻烦

传送门

Zune的界面

 

后来找到一个开源的项目，能轻松实现Metro效果。

MahApps.Metro文档地址：http://mahapps.com/MahApps.Metro/

源码地址：https://github.com/MahApps/MahApps.Metro

在VS中可以装一个NuGet插件来下载MahApps.Metro.dll和MahApps.Metro.Resources.dll。

 

 

先看看效果图

 

下面看看怎么只用几步完成一个Metro风格的窗体

 

新建WPF程序后，在工程中引用以下类

MahApps.Metro和 System.Windows.Interactivity

修改MainPage.xaml文件，添加下面的引用:

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

把<Window ... 修改为 <Controls:MetroWindow ... ，不要忘记同时修改</Window>关闭标签。

按F7查看后台代码

把

public partial class MainWindow : Window

 修改成

  public partial class MainWindow : MetroWindow.

 按下F5运行一下看看，是不是发现窗口变成了Metro风格了？

 

只需要几步即可完成Metro风格窗口。

 

MahApps.Metro中还有许多Windows Phone风格的控件，通过它可以轻松的做出一个Metro风格的程序