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