ModernUI教程:第一個ModernUI應用(手動編寫)


這篇文章帶着我們從頭開始創建一個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元素,如下所示:

clipboard

    打開MainWindow.xaml.cs,添加ModernUI的using引用,替換Window基類為ModernWindow,如下所示:

clipboard[1]

5:打開App.xaml並添加如下的資源字典引用。

clipboard[2]

為淺色主題選擇ModernUI.Light.xaml,為深色主題選擇ModernUI.Dark.xaml。不要同時應用這兩個主題。

重要提示:如果你使用的是WPF4.0版本的ModernUI,你需要在工作區添加一個空的矩形樣式(style),這是一個bug,如下所示:

在WPF4.5中不需要如此。

clipboard[3]

6:編譯運行應用,你可以看到如下打開的窗體:

clipboard[4]

7:返回MainWindow.xaml,移除<Grid></Grid>內容。

重要提示:ModernWindow.Content屬性將被忽略,所有頁面都是通過頁面鏈接呈現內容。

8:讓我們定義一個主菜單,添加如下的菜單鏈接組:

clipboard[5]

9:編譯運行應用,你將看到如下窗體:

clipboard[6]

10:讓我們添加一些實際的內容。添加一個名稱為Page1的WPF用戶控件

11:打開Page1.xaml並添加如下內容:

clipboard[7]

ContentRoot風格確保內容能夠顯示在屏幕的正確位置。

12:回到MainWindow.xaml修改第一個鏈接讓它能夠鏈接到Page1.xaml:

clipboard[8]

13:另外給ModernWindow添加一個ContentSource屬性指向Page1.xaml。

clipboard[9]

ContentSource定義了一個在開始時被加載的頁面,在上面這段代碼中,“/Page1.xaml”將在應用啟動時被加載。

14:編譯並運行應用,你可以看到如下窗體:

clipboard[10]

以上便是該文章的全部。現在你可以在你的應用添加其他的組和鏈接到MenuLinkGroups並把他們指向各個頁面。更多的內容請參看其他章節。

 

查看目錄


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM