本文主要介紹如何手動創建Windows Modern UI 應用程序，要使用 DevExpress 模板庫創建應用程序。

獲取工具下載 - DevExpress WinForm v21.1

1. 在 Visual Studio 中，單擊 “File | New | Project”（或按CTRL+SHIFT+N）創建一個新的項目。選擇 “DevExpress Template Gallery” 然后單擊OK。

2. 選擇“Blank Application”模板并點擊“Create Project”。

3. 調用智能標簽并單擊“Convert To Skinnable Form”將常規表單更改為 XtraForm。

4. 在同一個智能標簽面板中，單擊“Select Skin…”來添加組件并選擇所需的 DevExpress 皮膚。 對于 Windows Modern UI，請選擇外觀輕巧且邊框細或無邊框的扁平皮膚（例如，Office 2013、Office 2016、Metropolis 等）。

5. 將表單的FormBorderStyle屬性設置為None，將 WindowState 屬性設置為 Maximized。

6. 單擊表單上的“Instant Layout Assistant”鏈接來啟動表單向導，將鼠標懸停在所有側面區域上，然后單擊“Remove Area”。在剩余的空白區域中，單擊“Add Control”并選擇“App UI Manager | Windows UI”，接下來單擊應用按鈕來添加應用了 的 組件。

7. 右鍵單擊Solution Explorer窗口中的項目，然后選擇“Add DevExpress Item | User Control…”。

8. 添加更多用戶控件并填充它們，這些用戶控件將作為單獨的應用程序屏幕呈現。

9. 返回主應用程序表單，調用 組件的智能標記，然后單擊 “Run Designer”，切換到設計器的 “Elements | Documents”選項卡并單擊“Populate”。

單擊 “Populate”后，文檔管理器將生成以下內容：

• 通過 和 屬性引用用戶控件的 對象；
• 用于生成文檔的中等大小的圖塊（對象）；
• 用于存儲和顯示tiles的Tile容器；
• 事件處理程序，用于初始化文檔。

C#

void windowsUIView1_QueryControl(object sender, DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs e) {
if (e.Document == ucSample1Document)
e.Control = new WinModernUI.ucSample1();
if (e.Document == ucSample2Document)
e.Control = new WinModernUI.ucSample2();
// . . .
if (e.Control == null)
e.Control = new System.Windows.Forms.Control();
}

VB.NET

Private Sub windowsUIView1_QueryControl(ByVal sender As Object, ByVal e As DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs)
If e.Document = ucSample1Document Then
e.Control = New WinModernUI.ucSample1()
End If
If e.Document = ucSample2Document Then
e.Control = New WinModernUI.ucSample2()
End If
' . . .
If e.Control Is Nothing Then
e.Control = New System.Windows.Forms.Control()
End If
End Sub

10. 運行并檢查您的應用程序。在應用程序啟動時，會顯示一個填充有磁貼的自動生成的磁貼控件,按 Esc 或右鍵單擊空白表單空間來調用帶有嵌入式“Exit”按鈕的導航欄。

Tiles 利用 屬性鏈接到相應的文檔。 單擊磁貼時，動態生成的頁面容器會顯示帶有嵌入式”Back”按鈕的文檔，導航欄中顯示相同的按鈕。

11. 關閉應用程序對其進行更改。首先使用、 和 屬性添加應用程序標題字符串，此外使用 屬性來修改自動生成的文檔標題。

注意：最初您不會看到字符串，因為磁貼容器標題將與它重疊。 但是此標題在內容容器標頭中可見，將在本教程后面創建。

 12. 跳轉到設計器的“Elements”頁面并選擇“Content Containers” 選項卡，單擊“Add New Container”并從下拉菜單中選擇。

13. 切換到設計器的“Layout | Navigation Tree”選項卡并將文檔拖到頁面組的“Items”集合中。

DevExpress WinForm | 下載試用

DevExpress WinForm擁有180+組件和UI庫，能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業務數據，它都能輕松勝任！

DevExpress技術交流群4：715863792      歡迎一起進群討論