Modern UI for WPF 開源項目（3）：用模板創建我的第一個Modern UI app

通過項目模板創建一個Modern UI app

做這個之前，請確保安裝了Modern UI for WPF Templates extension for Visual Studio 2012.

• Download and install the VSIX extension from the Visual Studio gallery

or

• In Visual Studio 2012, open the extension manager (Tools > Extensions and Updates)
• Select Online > Visual Studio Gallery and search for 'modern ui'
• Select Modern UI for WPF Templates and click Download to download and install.

1.創建一個新項目，選擇新的模板：Modern UI WPF Application

此應用程序模板包含了兩個頁面:Home.xaml和Setting.xaml和主窗體MainWindow.xaml

Settings頁面提供了一些風格設置選項。Page頁面往往放在了Pages項目文件夾中。Content文件夾常用於標准的WPF用戶控件被各個頁面引用。

2.編譯和運行程序，你可以看到如下效果：

3.通過右擊Pages文件夾，選擇 添加>新項目... 添加一個新的Basic layout page。在添加新項目對話框中選擇Modern UI for WPF列表中的Basic Page。名稱為BasicPage.xaml並點擊添加

4.引用新的頁面到主菜單。打開MainWindow.xaml並找到mui:ModernWindow.MenuLinkGroups元素定義主菜單。添加一個新的鏈接到菜單組，命名為"welcome“如下：

<mui:ModernWindow.MenuLinkGroups>
  <mui:LinkGroup DisplayName="welcome">
    <mui:LinkGroup.Links>
      <mui:Link DisplayName="home" Source="/Pages/Home.xaml" />
      <mui:Link DisplayName="my page" Source="/Pages/BasicPage.xaml" />
    </mui:LinkGroup.Links>
  </mui:LinkGroup>
  ...
</mui:ModernWindow.MenuLinkGroups>

5.編譯和運行程序。在主菜單中選擇my page選項，你可以看到如下效果：

這樣就完成了，就是這么簡單就創建了一個新的Modern UI 應用程序項目並使用visusal studio的擴展模板添加了頁面。通過添加鏈接指向新的頁面。