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

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

獲取DevExpress v22.2正式版下載

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

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

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

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

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

在這一步中，您將學(xué)習(xí)如何使用Document Manager組件。

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

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

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

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

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

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

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

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

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

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

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

注意，每個文檔都通過和屬性與相應(yīng)的用戶控件相關(guān)聯(lián)。

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. 下圖展示了應(yīng)用Office 2013皮膚后的結(jié)果。

在下一步中，您將學(xué)習(xí)如何在應(yīng)用程序中結(jié)合Document Manager和Dock Manager。