第 2 步 - Dock Manager

---

立即下載DevExpress WinForms

 在此步驟中，您將學習如何在單個應用程序中使用Document Manager組件和Dock Manager ，Dock Manager提供對其擁有的停靠面板的操作和視圖設置的集中控制。

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

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

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

 在 Visual Studio 中， Toolbox自動隱藏面板停靠在窗體的左邊緣，Solution Explorer和Properties面板停靠在右邊緣，Errors、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組件的應用程序菜單。