這篇文章帶着我們從頭開始創建一個Modern UI應用。有關采用項目模板和項模板創建Modern UI應用請參看 第一個ModernUI應用(采用項目模板)。
1:獲取最新的ModernUI發布並解壓到磁盤,或者通過Nuget安裝Modern.WPF包。
2:打開Visual Studio並創建一個WPF應用項目。
3:添加對FirstFloor.ModernUI.dll的引用(如果是WPF4項目,你需要額外引用Microsoft.Windows.Shell.dll)。
4:更改MainWindow使其繼承自ModernWindow.
打開MainWindow.xaml,添加ModernUI的xmlns聲明,用mui:ModernWindow替換Window元素,如下所示:
打開MainWindow.xaml.cs,添加ModernUI的using引用,替換Window基類為ModernWindow,如下所示:
5:打開App.xaml並添加如下的資源字典引用。
為淺色主題選擇ModernUI.Light.xaml,為深色主題選擇ModernUI.Dark.xaml。不要同時應用這兩個主題。
重要提示:如果你使用的是WPF4.0版本的ModernUI,你需要在工作區添加一個空的矩形樣式(style),這是一個bug,如下所示:
在WPF4.5中不需要如此。
6:編譯運行應用,你可以看到如下打開的窗體:
7:返回MainWindow.xaml,移除<Grid></Grid>內容。
重要提示:ModernWindow.Content屬性將被忽略,所有頁面都是通過頁面鏈接呈現內容。
8:讓我們定義一個主菜單,添加如下的菜單鏈接組:
9:編譯運行應用,你將看到如下窗體:
10:讓我們添加一些實際的內容。添加一個名稱為Page1的WPF用戶控件
11:打開Page1.xaml並添加如下內容:
ContentRoot風格確保內容能夠顯示在屏幕的正確位置。
12:回到MainWindow.xaml修改第一個鏈接讓它能夠鏈接到Page1.xaml:
13:另外給ModernWindow添加一個ContentSource屬性指向Page1.xaml。
ContentSource定義了一個在開始時被加載的頁面,在上面這段代碼中,“/Page1.xaml”將在應用啟動時被加載。
14:編譯並運行應用,你可以看到如下窗體:
以上便是該文章的全部。現在你可以在你的應用添加其他的組和鏈接到MenuLinkGroups並把他們指向各個頁面。更多的內容請參看其他章節。