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

本文專門介紹流行的應用程序界面如何構建——一個經典的布局，包含代表主要工作區域的選項卡或MDI文檔、窗體一側的面板和頂部的主菜單，類似于Microsoft Visual Studio中的用戶界面。

獲取DevExpress v22.2正式版下載

DevExpress技術交流群7：674691612      歡迎一起進群討論

本系列文章將分成三部分展示如何執行以下操作：

• 使用Document Manager（文檔管理器）創建傳統的基于文檔的工作空間；
• 添加Dock Manager組件并實現常規或自動隱藏面板；
• 使用Bar Manager組件來管理文檔和面板。

在接下來的這個部分中，將學習如何使用Document Manager（文檔管理器）組件。

Step 1 - Document Manager（文檔管理器）

在這一步中，您將學習如何使用Document Manager組件。

Document Manager允許開發人員基于相應的視圖（Views）創建一個選項卡或MDI應用程序UI，Document Manager的主要元素是Documents——能夠封裝所需內容并基于父視圖顯示的對象。

1. 啟動Visual Studio，創建一個新的Windows Forms Application項目，并指定其名稱和位置。

2. 在Visual Studio工具箱中找到DocumentManager組件，并將其拖放到窗體上。

3. 通過單擊控件右上角的智能標記按鈕來調用DocumentManager的智能標記，默認情況下，新添加的DocumentManager應用了Tabbed View。您可以選擇‘Convert to…’鏈接將其更改為另一個可用的視圖，默認的選項卡視圖適用于當前示例，因此保持不變并調用DocumentManager Designer。

4. 在設計器中切換到 ‘Documents’ 部分。

 在設計器中，您可以添加或刪除文檔并修改它們的屬性。注意目前只啟用了‘Add Document’按鈕，文檔可以在文檔創建、文檔激活或表單加載上接收它們的內容。在本例中您將使用第三種方法，因此在應用程序中添加一些用戶控件。

注意：如果您的應用程序不需要多個文檔，請在Non-Document模式中使用文檔管理器。

5. 在Solution Explorer中右鍵單擊項目，并選擇Add New Item，如下所示。

在彈出的對話框中，選擇User Control 并輸入其名稱。

根據您的需求重復此步驟多次，然后向每個用戶控件添加控件，并根據需要自定義其屬性。確保您的項目編譯沒有錯誤，然后繼續下一步。

6. 您現在擁有多個用戶控件，它們代表終端用戶的工作空間。現在為每個現有用戶控件添加一個文檔，打開Designer并跳轉到Documents部分。可以看到Populate按鈕現在可用了，單擊此按鈕可為項目中的每個用戶控件添加文檔。

注意，每個文檔都通過和屬性與相應的用戶控件相關聯。

7. 最后處理視圖的事件，并將所需的控件傳遞給每個文檔：

C#

private void tabbedView1_QueryControl(object sender, DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs e) {
if (e.Document.ControlName == "UserControl1") e.Control = new UserControl1();
else e.Control = new UserControl2();
}

VB.NET

Private Sub tabbedView1_QueryControl(sender As Object, e As DevExpress.XtraBars.Docking2010.Views.QueryControlEventArgs)
If e.Document.ControlName = "UserControl1" Then
e.Control = New UserControl1()
Else
e.Control = New UserControl2()
End If
End Sub

8. 下圖展示了應用Office 2013皮膚后的結果。

在下一步中，您將學習如何在應用程序中結合Document Manager和Dock Manager。