第 2 步 - Dock Manager

---

立即下載DevExpress WinForms

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

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

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

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

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

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

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

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

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

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

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

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

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

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