在我们开始之前，请确保你已经为你的Visual2012或者2013安装了ModernUI for WPF的模板扩展：

>>从Visual Studio 库 下载并安装VSIX扩展

>>在Visual Studio中，打开扩展管理器(工具>扩展和更新)

>>选择 在线>Visual Studio库 ,搜索“modern ui” (Visual Studio2015中未搜索到，其他版本自行尝试)

>>选择“Modern UI for WPF Templates"，点击下载并安装

1：在Visual Studio中选择C#>Windows 找到Modern UI WPF Navigation Application，以此创建一个新项目。

该应用模板包含了一个MainWindow和两个页面文件：Home.xaml和Setting.xaml。设置页面提供了一些主题配置参数。

页面通常存储在页面(Pages)项目文件夹中。

2：编译并运行应用，你可以看到如下窗体：

翻译提示：Pages文件夹一般是在解决方案中创建的用于存储Page文件的文件夹。

3：添加一个基础布局页：

右键页面（Pages）文件夹，选择添加>新项，在打开的选择项中选择Modern UI for WPF列表，然后在右侧选择”Basic Page“，

重命名为”BasicPage.xaml“并点击添加。

4：在菜单中引用新创建的页面。打开MainWindow.xaml定位到mui:ModernWindow.MenuLinkGroups，添加我们刚刚创建的BasicPage的新链接到welcome组中，如下所示：

5：编译并运行应用，在主菜单中选择my page选项，你可以看到我们刚刚创建的页面：

这篇文章到此也该结束了。通过Visual Studio扩展的项目模板可以让你很轻松的创建一个Modern UI应用，你可以通过添加链接到ModernWindow.MenuLinkGroups中来导航其他页面。

第一个ModernUI应用(采用项目模板)