創建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風格的程序