在我們開始之前,請確保你已經為你的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中來導航其他頁面。