WeifenLuo.WinFormsUI.Docking简单学习
引用方法:
1.建立一个WinForm工程,默认生成了一个WinForm窗体。
2.引用—>添加引用—>浏览—>weiFenLuo.winFormsUI.Docking.dll。
3.窗体属性IsMdiContainer:True。
4.工具箱—>右键—>选择项—>.net组件—>浏览—>weiFenLuo.winFormsUI.Docking.dll—>在工具箱出现dockPanel。
5.将dockPanel拖到窗体上,设置Dock属性,我设置的是:Fill。
停靠窗体:
1.新建一个WinForm窗体。
2.在代码中修改窗体继承于DockContent。
- public partial class Form2 : DockContent
3.在主窗体中显示停靠窗体。
- private void Form1_Load(object sender, EventArgs e)
- {
- Form2 form2 = new Form2();
- form2.Show(this.dockPanel1);
- form2.DockTo(this.dockPanel1, DockStyle.Left);
- }
OK,大功告成。
界面布局控件-WeifenLuo.WinFormsUI.Docking 1 (转)
最近在学习Sharpdevelop的过程中,看到了使用的很好的winform页面布局控件,感觉非常的不错。实现效果如下所示:
这里我就简单的下一下他的实现步骤,当中我也看考了其他人的博客。
1) 创建一个windows Form的应用程序
2) 添加引用:WeifenLuo.WinFormsUI.Docking
他是一个DLL文件,可以自行从网络上下载。
3) 设置Form1窗体作为父窗体容器。设置它的:isMdiContainer属性为:true
4) 工具箱—>右键—>选择项—>.net组件—>浏览—>weiFenLuo.winFormsUI.Docking.dll—>在工具箱出现dockPanel
5) 将DockPanel控件拖放到Form1窗体中,并设置它的dock属性为Fill
6) 添加一个新的Form窗体,命名为child_1,进入后台代码,添加下面的命名空间:
using WeifenLuo.WinFormsUI.Docking;
修改child_1窗体集成的基类为:DockContent
public partial class child_1 :DockContent
7) 同理创建另一个新窗体,命名为child_2,后面的操作同child_1相同,都是添加命名空间,以及修改继承的基类
8) 进入form1的后台代码,在他的窗体加载事件中添加如下的代码
private void Form1_Load(object sender, EventArgs e)
{
child_1 b = new child_1();
b.Show(this.dockPanel1);
b.DockTo(this.dockPanel1, DockStyle.Fill);
child_2 c = new child_2();
c.Show(this.dockPanel1);
c.DockTo(this.dockPanel1, DockStyle.None);
}
9) 运行程序,效果如上图所示。
PS:这里仅仅是简单的介绍了一下如何创建类似的布局。还有很多的东西需要在深入的学习。
PS: b.DockTo(this.dockPanel1, DockStyle.Fill);该行代码是设置子窗体的停靠方式的,这里设置的停靠方式为Fill,不过该控件还有其他的停靠方式:比如:bottom,left,top,right,none等方式,我们设置不同的属性,就会有不同的停靠效果。
PS:如果dockPanel嵌套在另1个容器控件上(如:panel),将dockPanel属性DocumentStyle设置为:DockingWindow/DockingSdi
WinForm界面开发之布局控件"WeifenLuo.WinFormsUI.Docking"的使用
本篇介绍Winform程序开发中的布局界面的设计,介绍如何在我的共享软件中使用布局控件"WeifenLuo.WinFormsUI.Docking"。
布局控件"WeifenLuo.WinFormsUI.Docking"是一个非常棒的开源控件,用过的人都深有体会,该控件之强大、美观、不亚于商业控件。而且控件使用也是比较简单的。先看看控件使用的程序界面展示效果。
配电网络可视化管理系统的界面截图:
深田之星送水管理系统网络版的界面截图:
我在几个共享软件都使用了该布局控件,我们先以“深田之星送水管理系统网络版”这款软件为例,介绍如何完成该界面的设计及显示的。
1、首先,我们添加一个主界面窗体,命名为MainForm,该窗体IsMdiContainer设置为True,也就是设置为多文档窗体格式。拖拉布局控件"WeifenLuo.WinFormsUI.Docking.DockPanel"到主窗体MainForm中,并设置下面几个属性:
Dock为Fill、DocumentStyle为DockingMdi、RightToLeftLayout为True。
这几个属性的意思应该不难,Dock就是 覆盖整个MDI窗体的区域,DocumentStyle为多文档类型、RightToLeftLayout是指新打开的窗口都停靠在右边区域。
我们看看设计界面视图如下所示。
2、主界面其实基本上就可以了,另外我们看到“送水管理系统网络版”的界面中有一个左边的工具栏,它其实也是在一个停靠的窗体中的,我们增加一个窗体用来承载相关的工具快捷键按钮展示。命名为MainToolWindow的窗体,继承自WeifenLuo.WinFormsUI.Docking.DockContent.
其中的“HideOnClose”属性很重要,该属性一般设置为True,就是指你关闭窗口时,窗体只是隐藏而不是真的关闭。
左边的窗口MainToolWindow实现停靠的代码是在MainForm的构造函数或者Load函数中加载即可。
mainToolWin.Show(this.dockPanel, DockState.DockLeft);
3、对于工具窗口我们已经完成了,但是主业务窗口还没有做,也就是下面的部分内容。
为了方便,我们定义一个基类窗体,命名为BaseForm,继承自DockContent,如下所示
public class BaseForm : DockContent
然后每个业务窗口继承BaseForm即可。
4、剩下的内容就是如何在主窗体MainForm中展示相关的业务窗口了,展示的代码如下所示
{
#region 属性字段
private MainToolWindow mainToolWin = new MainToolWindow();
private FrmProduct frmProduct = new FrmProduct();
private FrmCustomer frmCustomer = new FrmCustomer();
private FrmOrder frmOrder = new FrmOrder();
private FrmStock frmStock = new FrmStock();
private FrmComingCall frmComingCall = new FrmComingCall();
private FrmDeliving frmDeliving = new FrmDeliving();
private FrmTicketHistory frmHistory = new FrmTicketHistory();
#endregion
public MainForm()
{
InitializeComponent();
SplashScreen.Splasher.Status = " 正在展示相关的内容
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
System.Threading.Thread.Sleep( 100 );
mainToolWin.Show( this .dockPanel, DockState.DockLeft);
frmComingCall.Show( this .dockPanel);
frmDeliving.Show( this .dockPanel);
frmHistory.Show( this .dockPanel);
frmStock.Show( this .dockPanel);
frmProduct.Show( this .dockPanel);
frmCustomer.Show( this .dockPanel);
frmOrder.Show( this .dockPanel);
SplashScreen.Splasher.Status = " 初始化完毕
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
System.Threading.Thread.Sleep( 50 );
SplashScreen.Splasher.Close();
}
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/b854634c0904529d4018c4c3336be836.gif)
5.下面贴出基本窗口的基本操作事件函数
{
CloseAllDocuments();
}
private void menu_Window_CloseOther_Click( object sender, EventArgs e)
{
if (dockPanel.DocumentStyle == DocumentStyle.SystemMdi)
{
Form activeMdi = ActiveMdiChild;
foreach (Form form in MdiChildren)
{
if (form != activeMdi)
{
form.Close();
}
}
}
else
{
foreach (IDockContent document in dockPanel.DocumentsToArray())
{
if ( ! document.DockHandler.IsActivated)
{
document.DockHandler.Close();
}
}
}
}
private DockContent FindDocument( string text)
{
if (dockPanel.DocumentStyle == DocumentStyle.SystemMdi)
{
foreach (Form form in MdiChildren)
{
if (form.Text == text)
{
return form as DockContent;
}
}
return null ;
}
else
{
foreach (DockContent content in dockPanel.Documents)
{
if (content.DockHandler.TabText == text)
{
return content;
}
}
return null ;
}
}
public DockContent ShowContent( string caption, Type formType)
{
DockContent frm = FindDocument(caption);
if (frm == null )
{
frm = ChildWinManagement.LoadMdiForm(Portal.gc.MainDialog, formType) as DockContent;
}
frm.Show( this .dockPanel);
frm.BringToFront();
return frm;
}
public void CloseAllDocuments()
{
if (dockPanel.DocumentStyle == DocumentStyle.SystemMdi)
{
foreach (Form form in MdiChildren)
{
form.Close();
}
}
else
{
IDockContent[] documents = dockPanel.DocumentsToArray();
foreach (IDockContent content in documents)
{
content.DockHandler.Close();
}
}
}
最后呈上该控件文件,大家可以下来玩玩。
http://files.cnblogs.com/wuhuacong/WeifenLuo.WinFormsUI.Docking.rar