第 2 步 - Dock Manager

---

立即下載DevExpress WinForms

 在此步驟中，您將學(xué)習(xí)如何在單個(gè)應(yīng)用程序中使用Document Manager組件和Dock Manager ，Dock Manager提供對(duì)其擁有的停靠面板的操作和視圖設(shè)置的集中控制。

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

或者，您可以通過(guò) DocumentManager 的智能標(biāo)簽來(lái)完成，如下圖所示。

2.調(diào)用 DockManager 智能標(biāo)記并通過(guò)相應(yīng)的鏈接添加所需的DockPanel 。

 在 Visual Studio 中， Toolbox自動(dòng)隱藏面板停靠在窗體的左邊緣，Solution Explorer和Properties面板停靠在右邊緣，Errors、Warnings和Messages面板組合在窗體底部的選項(xiàng)卡組中形式，通過(guò)添加六個(gè)面板來(lái)模擬下圖所示的布局。

3.拖動(dòng)面板以重新排列并通過(guò)停靠提示將它們停靠到特定位置。

自定義面板后，您應(yīng)該有一個(gè)類(lèi)似于下面的 UI。

 4.現(xiàn)在，當(dāng) DockManager 和 DocumentManager 在單一窗體中使用時(shí)，您將從這些控件中獲得幾個(gè)獨(dú)特的功能，下面列出了它們的兩個(gè)主要特征。

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

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

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

 所有 DevExpress 控件及其元素都使用皮膚中的圖像和圖像設(shè)置，要修改默認(rèn) DockPanel 按鈕（關(guān)閉、自動(dòng)隱藏）的圖像，請(qǐng)運(yùn)行WinForms 皮膚編輯器并創(chuàng)建自定義皮膚。

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

 您受 Visual Studio 啟發(fā)的應(yīng)用程序即將完成，最后一步是添加一個(gè)基于Bar Manager組件的應(yīng)用程序菜單。