ModernUI教程:第一個ModernUI應用(採用專案模板)

聖光下的囚徒發表於2014-12-01

在我們開始之前,請確保你已經為你的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:編譯並執行應用,你可以看到如下窗體:

clipboard

翻譯提示:Pages資料夾一般是在解決方案中建立的用於儲存Page檔案的資料夾。

3:新增一個基礎佈局頁:

右鍵頁面(Pages)資料夾,選擇新增>新項,在開啟的選擇項中選擇Modern UI for WPF列表,然後在右側選擇”Basic Page“,

重新命名為”BasicPage.xaml“並點選新增。

clipboard[1]

4:在選單中引用新建立的頁面。開啟MainWindow.xaml定位到mui:ModernWindow.MenuLinkGroups,新增我們剛剛建立的BasicPage的新連結到welcome組中,如下所示:

clipboard[2]

5:編譯並執行應用,在主選單中選擇my page選項,你可以看到我們剛剛建立的頁面:

clipboard[3]

這篇文章到此也該結束了。通過Visual Studio擴充套件的專案模板可以讓你很輕鬆的建立一個Modern UI應用,你可以通過新增連結到ModernWindow.MenuLinkGroups中來導航其他頁面。

 

 

檢視目錄

相關文章