第 2 步 - Dock Manager

---

立即下載DevExpress WinForms

在此步驟中，您將學習如何在單個應用程序中使用Document Manager組件和Dock Manager ，Dock Manager提供對其擁有的?？棵姘宓牟僮骱鸵晥D設置的集中控制。

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

或者，您可以通過 DocumentManager 的智能標簽來完成，如下圖所示。

2.調用 DockManager 智能標記并通過相應的鏈接添加所需的DockPanel 。

在 Visual Studio 中， Toolbox自動隱藏面板停靠在窗體的左邊緣，Solution Explorer和Properties面板?？吭谟疫吘墸珽rrors、Warnings和Messages面板組合在窗體底部的選項卡組中形式，通過添加六個面板來模擬下圖所示的布局。

3.拖動面板以重新排列并通過?？刻崾緦⑺鼈兺？康教囟ㄎ恢谩?

自定義面板后，您應該有一個類似于下面的 UI。

4.現在，當 DockManager 和 DocumentManager 在單一窗體中使用時，您將從這些控件中獲得幾個獨特的功能，下面列出了它們的兩個主要特征。

• 最終用戶可以按Ctrl+Tab或Ctrl+Shift+Tab在文檔選擇器中瀏覽文檔和面板。
• DockPanel 可以作為選項卡式文檔?？康?DocumentManager。但是，您不能反其道而行之 - 文檔無法停靠到面板，此行為由DockManager.DockMode屬性控制，并模擬 Visual Studio 的行為。

5.停靠面板顯示默認按鈕 - 關閉、自動隱藏和最大化，您可以通過BaseDockOptions.ShowCloseButton、BaseDockOptions.ShowAutoHideButton和BaseDockOptions.ShowMaximizeButton屬性隱藏這些按鈕和/或添加您自己的Header Buttons，下圖說明了添加到“Print”面板的自定義“Errors”按鈕。

自定義Print按鈕圖標在懸停時涂上了膚色，此功能稱為Glyph Skinning，它允許您以與默認按鈕相同的圖案繪制自己的自定義按鈕，還可以使用它為應用程序構建單色 UI，其中項目標題和字形以相同的顏色繪制，除了 DockManager 之外的許多其他控件都支持此功能。

所有 DevExpress 控件及其元素都使用皮膚中的圖像和圖像設置，要修改默認 DockPanel 按鈕（關閉、自動隱藏）的圖像，請運行WinForms 皮膚編輯器并創建自定義皮膚。

• 在 Skin Editor 中，轉到“Bars”集合并展開“Dock Panel Button Glyphs”項。
• 選擇所需的項目狀態（例如，正常）并加載新的字形。您還可以為現有圖像著色，為此，雙擊任何字形面板以打開“編輯 SVG 調色板”對話框，選擇所需的字形并設置其新顏色。
• 保存您的自定義皮膚，將其導出為 .dll 程序集，然后將此庫添加到 Visual Studio 項目中。

您受 Visual Studio 啟發的應用程序即將完成，最后一步是添加一個基于Bar Manager組件的應用程序菜單。