服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - C# - 在winform下实现左右布局多窗口界面的方法

在winform下实现左右布局多窗口界面的方法

2021-11-14 13:36梦在旅途 C#

在web页面上我们可以通过frameset,iframe嵌套框架很容易实现各种导航+内容的布局界面,而在winform、WPF中实现其实也很容易,通过本文给大家介绍在winform下实现左右布局多窗口界面的方法,本文介绍的非常详细,对winform布局相关知识

在web页面上我们可以通过frameset,iframe嵌套框架很容易实现各种导航+内容的布局界面,而在winform、wpf中实现其实也很容易,我这里就分享一个:在winform下实现左右布局多窗口界面。

我这里说的多窗口是指一个父窗口包含多个子窗口,在winform中实现这种效果很简单,即将某个窗口的ismdicontainer设为true,然后将其它子窗口的mdiparent设为其父窗口对象即可,这样就完成了一个多窗口界面,效果如下:

在winform下实现左右布局多窗口界面的方法

点击new新打开一个窗口,其效果如下:

在winform下实现左右布局多窗口界面的方法

请看我上图红色标注的地方,windows菜单项下面显示的是当前所有已打开的子窗口,点击某个菜单,即可快速切换到其它窗口,若关闭某个子窗口,与之相对应的菜单项也会自动被移除,实现这个功能也很简单,只需要将菜单的mdiwindowlistitem属性设为需要显示活动窗口列表的菜单项即可,如:this.menustrip1.mdiwindowlistitem = this.windowstoolstripmenuitem;

上述示例完整的实现代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
public partial class formmdi : form
{
private int formcount = 0;
public formmdi()
{
initializecomponent();
this.menustrip1.mdiwindowlistitem = this.windowstoolstripmenuitem;
}
private void newtoolstripmenuitem_click(object sender, eventargs e)
{
showchildform<formchild>();
}
private void showchildform<tform>() where tform : form, new()
{
tform childform = new tform();
childform.name = "frm" + guid.newguid().tostring("n");
childform.text = string.format("child form -{0}", ++formcount);
childform.mdiparent = this;
childform.windowstate = formwindowstate.maximized;
childform.show();
}
}

相信实现上面这部份功能一般用过winform的人都会操作,我这里就当是复习顺便给新手一个参考,同时也为下面要实现的左右布局功能做一个铺垫吧。

要实现左右布局,并且能够支持可动态调整左右占比的功能,非splitcontainer控件莫属了,如果不了解该控件用法请自行在网上查找相关资料,我这里就不作说明,如果要显示windows已打开的子窗口情况,同样也需要用到menustrip控件,

最终设计的主窗口(formmain)效果如下:

在winform下实现左右布局多窗口界面的方法

我这里因为只是演示,所以菜单控件上我只添加了两个菜单项,分别为:windows,用于显示windows已打开的子窗口列表,new,用于打开一个子窗口;splitcontainer控件全部采用默认的,没有放置任何控件在其中,如果用在正式系统中,一般左边panel1中会放置一个树形菜单,右边panel2中保持空即可,因为这个是用来作为子窗口的容器。

控件层次结构如下图示:

在winform下实现左右布局多窗口界面的方法

界面设计好了,下面就实现最重要的两个功能。

第一个功能:在右边panel2中显示子窗口,实现代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
public formmain()
this.ismdicontainer = true;
private void showchildform<tform>() where tform : form, new()
{
tform childform = new tform();
childform.name = "frm" + guid.newguid().tostring("n");
childform.text = string.format("child form -{0}", ++formcount);
childform.mdiparent = this;
childform.parent = splitcontainer1.panel2;
childform.windowstate = formwindowstate.maximized;
childform.show();
}

简要说明:

1.在窗口构造函数中动态的将ismdicontainer设为true,当然也可以设计视图中设置;

2.编写一个显示写子窗口的方法,方法中需注意的地方:childform.mdiparent = this;childform.parent = splitcontainer1.panel2,意思是:将当前窗口作为子窗口的父窗口,同时将panel2指定为子窗口的父对象,这样就能实现子窗口在panel2中打开了。

第二个功能:在windows菜单项下显示已打开的子窗口列表,这里实现就没有像文章一开始介绍的那样简单,使用那个方法是无效的,需要我们来自行实现,稍微有点复杂,但如果明白其实现原理,也就简单明白了。

实现思路:当childform加载到panel2时,会触发panel2.controladded事件,当childform被关闭时,会触发panel2.controlremoved事件,我们可以统一订阅这两个事件,当childform加载时,那么就在windows菜单项下增加一个菜单项,反之则移除该菜单项,实现代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
this.splitcontainer1.panel2.controladded += panel2_controlchanged;
this.splitcontainer1.panel2.controlremoved += panel2_controlchanged;
void panel2_controlchanged(object sender, controleventargs e)
{
var frm = e.control as form;
string menuname = "menu_" + frm.name;
bool exists = this.splitcontainer1.panel2.controls.contains(frm);
if (exists)
{
var menuitem = getmenuitem(menuname);
if (menuitem != null)
{
menuitem.checked = true;
frm.bringtofront();
frm.focus();
}
else
{
windowstoolstripmenuitem.dropdownitems.add(new toolstripmenuitem() { text = frm.text, name = menuname, tag = frm, checked = true });
}
}
else
{
var menuitem = getmenuitem(menuname);
if (menuitem != null)
{
windowstoolstripmenuitem.dropdownitems.remove(menuitem);
menuitem.dispose();
}
}
}
private toolstripmenuitem getmenuitem(string menuname)
{
var menuitems = windowstoolstripmenuitem.dropdownitems.cast<toolstripmenuitem>();
menuitems.tolist().foreach(m => m.checked = false);
return menuitems.where(m => m.name == menuname).singleordefault();
}

同时为了实现点击windows菜单项的子菜单能够快速切换子窗口,需要订阅windows菜单项的dropdownitemclicked事件,当然也可以为新增的子菜单项订阅click事件,实现代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
windowstoolstripmenuitem.dropdownitemclicked += windowstoolstripmenuitem_dropdownitemclicked;
void windowstoolstripmenuitem_dropdownitemclicked(object sender, toolstripitemclickedeventargs e)
{
var menuitem = getmenuitem(e.clickeditem.name);
menuitem.checked = true;
var childform = menuitem.tag as form;
childform.bringtofront();
childform.focus();
}
private void checkwindowsmenuitem(string menuname)
{
var menuitem = getmenuitem(menuname);
if (menuitem != null)
{
menuitem.checked = true;
}
}

这样就基本实现了在windows菜单项下显示已打开的子窗口列表,并点击指定的菜单项能够切换当前活动的子窗口,但仍有一个不足的地方,那就是,当直接点击子窗口来切换当前活动窗口时(说白了就是当点击某个子窗口标题栏,该窗口就显示在其它所有的子窗口最前面),windows菜单项下的子菜单勾选项没有同步更新,一开始想到的是用activated事件来进行处理,结果经测试发现有效,该activated事件在点击子窗口标题栏时并不会被触发,所以只能换种方法,经过多次测试,发现当窗口从后面切换到前面时(称为z顺序改变),子窗口就会发生重绘,从而触发paint方法,我们可以订阅该事件,并进行处理,实现代码如下:

?
1
2
3
4
5
6
7
8
9
private string currentchildformname = null; //记录当前活动子窗口名称
childform.paint += (s, e) => {
var frm=s as form;
if (!frm.name.equals(currentchildformname) && this.splitcontainer1.panel2.controls[0].equals(frm)) //当容器中第一个控件就是当前的窗口,则表明该窗口处于所有窗口之上
{
checkwindowsmenuitem("menu_" + frm.name);
currentchildformname = frm.name;
}
};

最后贴出完整的实现代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
using system;
using system.collections.generic;
using system.componentmodel;
using system.data;
using system.drawing;
using system.linq;
using system.text;
using system.threading.tasks;
using system.windows.forms;
namespace windowsformsapplication1
{
public partial class formmain : form
{
private int formcount = 0;
private string currentchildformname = null;
public formmain()
{
initializecomponent();
this.ismdicontainer = true;
this.splitcontainer1.panel2.controladded += panel2_controlchanged;
this.splitcontainer1.panel2.controlremoved += panel2_controlchanged;
windowstoolstripmenuitem.dropdownitemclicked += windowstoolstripmenuitem_dropdownitemclicked;
}
void windowstoolstripmenuitem_dropdownitemclicked(object sender, toolstripitemclickedeventargs e)
{
var menuitem = getmenuitem(e.clickeditem.name);
menuitem.checked = true;
var childform = menuitem.tag as form;
childform.bringtofront();
childform.focus();
}
private void formmain_load(object sender, eventargs e)
{
showchildform<formchild>();
}
private void showchildform<tform>() where tform : form, new()
{
tform childform = new tform();
childform.name = "frm" + guid.newguid().tostring("n");
childform.text = string.format("child form -{0}", ++formcount);
childform.mdiparent = this;
childform.parent = splitcontainer1.panel2;
childform.windowstate = formwindowstate.maximized;
childform.paint += (s, e) => {
var frm=s as form;
if (!frm.name.equals(currentchildformname) && this.splitcontainer1.panel2.controls[0].equals(frm)) //当容器中第一个控件就是当前的窗口,则表明该窗口处于所有窗口之上
{
checkwindowsmenuitem("menu_" + frm.name);
currentchildformname = frm.name;
}
};
childform.show();
}
private void checkwindowsmenuitem(string menuname)
{
var menuitem = getmenuitem(menuname);
if (menuitem != null)
{
menuitem.checked = true;
}
}
void panel2_controlchanged(object sender, controleventargs e)
{
var frm = e.control as form;
string menuname = "menu_" + frm.name;
bool exists = this.splitcontainer1.panel2.controls.contains(frm);
if (exists)
{
var menuitem = getmenuitem(menuname);
if (menuitem != null)
{
menuitem.checked = true;
frm.bringtofront();
frm.focus();
}
else
{
windowstoolstripmenuitem.dropdownitems.add(new toolstripmenuitem() { text = frm.text, name = menuname, tag = frm, checked = true });
}
}
else
{
var menuitem = getmenuitem(menuname);
if (menuitem != null)
{
windowstoolstripmenuitem.dropdownitems.remove(menuitem);
menuitem.dispose();
}
}
}
private toolstripmenuitem getmenuitem(string menuname)
{
var menuitems = windowstoolstripmenuitem.dropdownitems.cast<toolstripmenuitem>();
menuitems.tolist().foreach(m => m.checked = false);
return menuitems.where(m => m.name == menuname).singleordefault();
}
private void newtoolstripmenuitem_click(object sender, eventargs e)
{
showchildform<formchild>();
}
}
}

以下是系统自动生成的代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
namespace windowsformsapplication1
{
partial class formmain
{
/// <summary>
/// 必需的设计器变量。
/// </summary>
private system.componentmodel.icontainer components = null;
/// <summary>
/// 清理所有正在使用的资源。
/// </summary>
/// <param name="disposing">如果应释放托管资源,为 true;否则为 false。</param>
protected override void dispose(bool disposing)
{
if (disposing && (components != null))
{
components.dispose();
}
base.dispose(disposing);
}
#region windows 窗体设计器生成的代码
/// <summary>
/// 设计器支持所需的方法 - 不要
/// 使用代码编辑器修改此方法的内容。
/// </summary>
private void initializecomponent()
{
this.menustrip1 = new system.windows.forms.menustrip();
this.windowstoolstripmenuitem = new system.windows.forms.toolstripmenuitem();
this.newtoolstripmenuitem = new system.windows.forms.toolstripmenuitem();
this.splitcontainer1 = new system.windows.forms.splitcontainer();
this.menustrip1.suspendlayout();
((system.componentmodel.isupportinitialize)(this.splitcontainer1)).begininit();
this.splitcontainer1.suspendlayout();
this.suspendlayout();
//
// menustrip1
//
this.menustrip1.items.addrange(new system.windows.forms.toolstripitem[] {
this.windowstoolstripmenuitem,
this.newtoolstripmenuitem});
this.menustrip1.location = new system.drawing.point(0, 0);
this.menustrip1.mdiwindowlistitem = this.windowstoolstripmenuitem;
this.menustrip1.name = "menustrip1";
this.menustrip1.size = new system.drawing.size(1069, 25);
this.menustrip1.tabindex = 1;
this.menustrip1.text = "menustrip1";
//
// windowstoolstripmenuitem
//
this.windowstoolstripmenuitem.name = "windowstoolstripmenuitem";
this.windowstoolstripmenuitem.size = new system.drawing.size(73, 21);
this.windowstoolstripmenuitem.text = "windows";
this.windowstoolstripmenuitem.click += new system.eventhandler(this.windowstoolstripmenuitem_click);
//
// newtoolstripmenuitem
//
this.newtoolstripmenuitem.name = "newtoolstripmenuitem";
this.newtoolstripmenuitem.size = new system.drawing.size(46, 21);
this.newtoolstripmenuitem.text = "new";
this.newtoolstripmenuitem.click += new system.eventhandler(this.newtoolstripmenuitem_click);
//
// splitcontainer1
//
this.splitcontainer1.backcolor = system.drawing.systemcolors.activecaption;
this.splitcontainer1.dock = system.windows.forms.dockstyle.fill;
this.splitcontainer1.location = new system.drawing.point(0, 25);
this.splitcontainer1.name = "splitcontainer1";
//
// splitcontainer1.panel2
//
this.splitcontainer1.panel2.backcolor = system.drawing.systemcolors.scrollbar;
this.splitcontainer1.size = new system.drawing.size(1069, 526);
this.splitcontainer1.splitterdistance = 356;
this.splitcontainer1.tabindex = 2;
//
// formmain
//
this.autoscaledimensions = new system.drawing.sizef(6f, 12f);
this.autoscalemode = system.windows.forms.autoscalemode.font;
this.clientsize = new system.drawing.size(1069, 551);
this.controls.add(this.splitcontainer1);
this.controls.add(this.menustrip1);
this.mainmenustrip = this.menustrip1;
this.name = "formmain";
this.text = "formmain";
this.load += new system.eventhandler(this.formmain_load);
this.menustrip1.resumelayout(false);
this.menustrip1.performlayout();
((system.componentmodel.isupportinitialize)(this.splitcontainer1)).endinit();
this.splitcontainer1.resumelayout(false);
this.resumelayout(false);
this.performlayout();
}
#endregion
private system.windows.forms.menustrip menustrip1;
private system.windows.forms.toolstripmenuitem windowstoolstripmenuitem;
private system.windows.forms.splitcontainer splitcontainer1;
private system.windows.forms.toolstripmenuitem newtoolstripmenuitem;
}
}

以下是效果演示截图:

在winform下实现左右布局多窗口界面的方法

以上内容给大家分享了在winform下实现左右布局多窗口界面的方法,有什么更好的实现方法可以在下方评论,不足之处也欢迎指出,谢谢!下面将给大家介绍,感兴趣的朋友继续关注。

延伸 · 阅读

精彩推荐
  • C#利用C#实现网络爬虫

    利用C#实现网络爬虫

    这篇文章主要介绍了利用C#实现网络爬虫,完整的介绍了C#实现网络爬虫详细过程,感兴趣的小伙伴们可以参考一下...

    C#教程网11852021-11-16
  • C#SQLite在C#中的安装与操作技巧

    SQLite在C#中的安装与操作技巧

    SQLite,是一款轻型的数据库,用于本地的数据储存。其优点有很多,下面通过本文给大家介绍SQLite在C#中的安装与操作技巧,感兴趣的的朋友参考下吧...

    蓝曈魅11162022-01-20
  • C#深入理解C#的数组

    深入理解C#的数组

    本篇文章主要介绍了C#的数组,数组是一种数据结构,详细的介绍了数组的声明和访问等,有兴趣的可以了解一下。...

    佳园9492021-12-10
  • C#C#设计模式之Strategy策略模式解决007大破密码危机问题示例

    C#设计模式之Strategy策略模式解决007大破密码危机问题示例

    这篇文章主要介绍了C#设计模式之Strategy策略模式解决007大破密码危机问题,简单描述了策略模式的定义并结合加密解密算法实例分析了C#策略模式的具体使用...

    GhostRider10972022-01-21
  • C#如何使用C#将Tensorflow训练的.pb文件用在生产环境详解

    如何使用C#将Tensorflow训练的.pb文件用在生产环境详解

    这篇文章主要给大家介绍了关于如何使用C#将Tensorflow训练的.pb文件用在生产环境的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴...

    bbird201811792022-03-05
  • C#三十分钟快速掌握C# 6.0知识点

    三十分钟快速掌握C# 6.0知识点

    这篇文章主要介绍了C# 6.0的相关知识点,文中介绍的非常详细,通过这篇文字可以让大家在三十分钟内快速的掌握C# 6.0,需要的朋友可以参考借鉴,下面来...

    雨夜潇湘8272021-12-28
  • C#C#微信公众号与订阅号接口开发示例代码

    C#微信公众号与订阅号接口开发示例代码

    这篇文章主要介绍了C#微信公众号与订阅号接口开发示例代码,结合实例形式简单分析了C#针对微信接口的调用与处理技巧,需要的朋友可以参考下...

    smartsmile20127762021-11-25
  • C#VS2012 程序打包部署图文详解

    VS2012 程序打包部署图文详解

    VS2012虽然没有集成打包工具,但它为我们提供了下载的端口,需要我们手动安装一个插件InstallShield。网上有很多第三方的打包工具,但为什么偏要使用微软...

    张信秀7712021-12-15