编程环境
Visual Studio 2017
.NET Framework 4.5
WeifenLuo.WinFormsUI.Docking.dll
(免积分传送门)
创建项目
- 创建
Windows 窗体项目(.NET Framework)
项目 - 添加
WeifenLuo.WinFormsUI.Docking.dll
到引用中 - 通过
WeifenLuo.WinFormsUI.Docking.dll
添加DockPanel
添加到工具箱中(从菜单选择工具
-> 选择选择工具箱项
-> 选择.NET Framework组件
选项卡 -> 点击浏览
-> 选择WeifenLuo.WinFormsUI.Docking.dll
并点击打开
-> 点击确定
)
添加DockPanel并设置
- 打开默认创建的窗体
Form1
,从工具箱内选择DockPanel
控件并拖放到窗体内 - 选择新增的
DockPanel
(名称为dockPanel1
),将dockPanel1
的Dock
属性设置为Fill
- 将
dockPanel1
的属性DocumentStyle
设置为DockingWindow
DocumentStyle说明
DockingMdi : 适用于MDI窗体(常用,需要将Form的IsMdiContainer设置为true)
DockingWindow : 适用于普通窗体(常用)
DockingSdi
SystemMdi
添加显示内容
public Form1()
{
InitializeComponent();
#region 中间
DockContent dockContent1 = new DockContent() { TabText = @"Document" };
dockContent1.Show(dockPanel1, DockState.Document);
#endregion
#region 左边
DockContent dockContent2 = new DockContent() { TabText = @"Left Pane" };
dockContent2.Show(dockPanel1, DockState.DockLeft);
#endregion
#region 右上
DockContent dockContent3 = new DockContent() { TabText = @"Right Top Pane" };
dockContent3.Show(dockPanel1, DockState.DockRight);
#endregion
#region 右下
DockContent dockContent4 = new DockContent() { TabText = @"Right Bottom Pane" };
// 把窗体添加到dockContent3的下方
dockContent4.Show(dockContent3.Pane, DockAlignment.Bottom, 0.5);
#endregion
}
保存界面信息到XML文件内
private void Form1_FormClosing(object sender, FormClosingEventArgs e)
{
dockPanel1.SaveAsXml(@".\Config.xml");
}
从XML文件读取界面信息并显示
持续更新…