第 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组件的应用程序菜单。