.net2.0+ Winform项目实现弹出容器层
适用于:.net2.0+ winform项目
背景:
有时候我们需要开一个简单的窗口来做一些事,例如输入一些东西、点选一个item之类的,可能像这样:
完了返回原窗体并获取刚刚的输入,这样做并没有什么问题,但在几天前我突然产生了一些想法:为什么非得有板有眼的弹出一个窗体给用户呢,是不是可以在按钮附近迅速呈现一个层来做这些事呢,类似快捷菜单那样,用户高兴就在里面做一下该做的事,不高兴就在其它地方点一下它就消失,本来很轻便快捷的操作,duang~弹出一个窗体来会不会令用户心里咯噔一下呢,感受层面的事情往往是很微妙的,不管怎样,我既然起了这个念头,just try it。
我首先找了一下现成的方案,果然在牛逼的codeproject.com已经有牛人做了这样的事情:
http://www.codeproject.com/articles/17502/simple-popup-control
简单体验了一下,的确是了不起的创造。原理是利用toolstripcontrolhost可以承载自定义控件的这一能力,让下拉式控件toolstripdropdown将任何自定义控件像右键菜单那样弹出来(别忘了右键菜单contextmenustrip就是继承自toolstripdropdown),这样就等于把菜单作为一个容器,可以弹出任何或简单或复杂的控件组合,同时又具有菜单具有的便捷性,召之即来挥之即去。当时了解到这方案的时候真挺开心,正是我想要的效果,感觉这下好了,不用瞎费劲自己造了。
但很快发现一个在我看来还挺在意的不足,就是toolstripdropdown只有show,没有showdialog,就是不能以模式化(modal,也有叫模态的,鉴于msdn都称模式,我也随流叫它模式)的方式弹出,这是由toolstripdropdown的固有能力决定的,该方案既然基于toolstripdropdown,自然也受限于此,不能模式化弹出。这样带来的问题是某些情况下的调用体验不好(体验这种事当然不是用户才有的专利,俺们码农也是人,也要讲体验的说),比如弹出的控件是让用户输入一些东西,完了用户点击某个按钮什么的返回原窗体,然后在原窗体获取用户刚刚的输入,然后接着做后面的事。由于非模式的show不会阻塞代码,所以就不能在show的下方想当然的获取值、使用值~这是显然的。要想获得值可能就得额外采取一些做法,例如响应弹出控件的关闭事件,或者把原窗体传入弹出控件完了在后者中做原本应该在原窗体中做的事~等等,办法当然有很多,但这都是因为只能show带来的多余的事,有什么比在一个方法中弹出控件、等待返回、继续处理来的爽滑的呢,像这样不是很自然吗:
所以很遗憾,不得不挥别这个优秀的方案,造自己的*。不过受该方案的启发,我想到用contextmenu来做容器(注意这个菜单类跟上面提到的继承自toolstripdropdown的contextmenustrip大大的不同,前者是os原生的菜单,就是在桌面、图标以及文本框中右键弹出的那种菜单,.net是通过调api的方式来操作这样的菜单,而后者则完全是.net实现,更多信息请参考msdn,此处不展开),因为contextmenu的show是阻塞式的,正合我意。但一番尝试之后放弃,它的菜单项menuitem不像toolstripitem那样可以通过toolstripcontrolhost承载自定义控件,希望是我能力有限,总之我做不到把自定义控件弄到contextmenu上,也没见过原生菜单上出现过文本框、复选框等奇怪的东西,如果您知道怎么扩展原生菜单,还望不吝赐教,先行谢过!
我还是打回.net的主意,当中仍然是做了许多不同的尝试,form、panel、usercontrol、containercontrol、control等等看起来适合做容器层的东西都试了个遍,甚至重新在toolstripdropdown上打主意,最后选用form,改造一番,自我感觉较理想的实现了我要的东西:一个叫做floatlayerbase的基类,它本身继承自system.windows.forms.form类,而需要作为浮动层显示的应用则继承自floatlayerbase进行实现,例如下面这个接受用户输入数值的numinputdemo实现:
样子和特点:不会令父窗口失去焦点(不会抢焦点的层才是好层):
当然,男人不止一面:
还有其它边框样式,有待用户自行体验,最后有demo提供。
可以有调整尺寸的手柄:
可以点住客户区拖动:
别的一些应用:
这些都只是demo,没那么好看和强大,重点是有了这个floatlayerbase,就可以实现自己的浮动应用。
使用说明:确保floatlayerbase类在项目中~废话。源码在此:
using system; using system.componentmodel; using system.drawing; using system.runtime.interopservices; using system.windows.forms; namespace ahdung.winform.controls { /// <summary> /// 浮动层基类 /// </summary> public class floatlayerbase : form { /// <summary> /// 鼠标消息筛选器 /// </summary> //由于本窗体为ws_child,所以不会收到在窗体以外点击鼠标的消息 //该消息筛选器的作用就是让本窗体获知鼠标点击情况,进而根据鼠标是否在本窗体以外的区域点击,做出相应处理 readonly appmousemessagehandler _mousemsgfilter; /// <summary> /// 指示本窗体是否已showdialog过 /// </summary> //由于多次showdialog会使onload/onshown重入,故需设置此标记以供重入时判断 bool _isshowdialogagain; //边框相关字段 borderstyle _bordertype; border3dstyle _border3dstyle; buttonborderstyle _bordersinglestyle; color _bordercolor; /// <summary> /// 获取或设置边框类型 /// </summary> [description("获取或设置边框类型。")] [defaultvalue(borderstyle.fixed3d)] public borderstyle bordertype { get { return _bordertype; } set { if (_bordertype == value) { return; } _bordertype = value; invalidate(); } } /// <summary> /// 获取或设置三维边框样式 /// </summary> [description("获取或设置三维边框样式。")] [defaultvalue(border3dstyle.raisedinner)] public border3dstyle border3dstyle { get { return _border3dstyle; } set { if (_border3dstyle == value) { return; } _border3dstyle = value; invalidate(); } } /// <summary> /// 获取或设置线型边框样式 /// </summary> [description("获取或设置线型边框样式。")] [defaultvalue(buttonborderstyle.solid)] public buttonborderstyle bordersinglestyle { get { return _bordersinglestyle; } set { if (_bordersinglestyle == value) { return; } _bordersinglestyle = value; invalidate(); } } /// <summary> /// 获取或设置边框颜色(仅当边框类型为线型时有效) /// </summary> [description("获取或设置边框颜色(仅当边框类型为线型时有效)。")] [defaultvalue(typeof(color), "darkgray")] public color bordercolor { get { return _bordercolor; } set { if (_bordercolor == value) { return; } _bordercolor = value; invalidate(); } } protected override sealed createparams createparams { get { createparams prms = base.createparams; //prms.style = 0; //prms.style |= -2147483648; //ws_popup prms.style |= 0x40000000; //ws_child 重要,只有child窗体才不会抢父窗体焦点 prms.style |= 0x4000000; //ws_clipsiblings prms.style |= 0x10000; //ws_tabstop prms.style &= ~0x40000; //ws_sizebox 去除 prms.style &= ~0x800000; //ws_border 去除 prms.style &= ~0x400000; //ws_dlgframe 去除 //prms.style &= ~0x20000; //ws_minimizebox 去除 //prms.style &= ~0x10000; //ws_maximizebox 去除 prms.exstyle = 0; //prms.exstyle |= 0x1; //ws_ex_dlgmodalframe 立体边框 //prms.exstyle |= 0x8; //ws_ex_topmost prms.exstyle |= 0x10000; //ws_ex_controlparent //prms.exstyle |= 0x80; //ws_ex_toolwindow //prms.exstyle |= 0x100; //ws_ex_windowedge //prms.exstyle |= 0x8000000; //ws_ex_noactivate //prms.exstyle |= 0x4; //ws_ex_noparentnotify return prms; } } //构造函数 public floatlayerbase() { //初始化消息筛选器。添加和移除在显示/隐藏时负责 _mousemsgfilter = new appmousemessagehandler(this); //初始化基类属性 initbaseproperties(); //初始化边框相关 _bordertype = borderstyle.fixed3d; _border3dstyle = system.windows.forms.border3dstyle.raisedinner; _bordersinglestyle = buttonborderstyle.solid; _bordercolor = color.darkgray; } protected override void onload(eventargs e) { //防止重入 if (_isshowdialogagain) { return; } //需得减掉两层边框宽度,运行时尺寸才与设计时完全相符,原因不明 //确定与controlbox、formborderstyle有关,但具体联系不明 if (!designmode) { size size = systeminformation.framebordersize; this.size -= size + size;//不可以用clientsize,后者会根据窗口风格重新调整size } base.onload(e); } protected override void onshown(eventargs e) { //防止重入 if (_isshowdialogagain) { return; } //在onshown中为首次showdialog设标记 if (modal) { _isshowdialogagain = true; } if (!designmode) { //激活首控件 control firstcontrol; if ((firstcontrol = getnextcontrol(this, true)) != null) { firstcontrol.focus(); } } base.onshown(e); } protected override void wndproc(ref message m) { //当本窗体作为showdialog弹出时,在收到wm_showwindow前,owner会被disable //故需在收到该消息后立即enable它,不然owner窗体和本窗体都将处于无响应状态 if (m.msg == 0x18 && m.wparam != intptr.zero && m.lparam == intptr.zero && modal && owner != null && !owner.isdisposed) { if (owner.ismdichild) { //当owner是mdi子窗体时,被disable的是mdi主窗体 //并且parent也会指向mdi主窗体,故需改回为owner,这样弹出窗体的location才会相对于owner而非mdiparent nativemethods.enablewindow(owner.mdiparent.handle, true); nativemethods.setparent(this.handle, owner.handle);//只能用api设置parent,因为模式窗体是toplevel,.net拒绝为*窗体设置parent } else { nativemethods.enablewindow(owner.handle, true); } } base.wndproc(ref m); } //画边框 protected override void onpaintbackground(painteventargs e) { base.onpaintbackground(e); if (_bordertype == borderstyle.fixed3d)//绘制3d边框 { controlpaint.drawborder3d(e.graphics, clientrectangle, border3dstyle); } else if (_bordertype == borderstyle.fixedsingle)//绘制线型边框 { controlpaint.drawborder(e.graphics, clientrectangle, bordercolor, bordersinglestyle); } } //显示后添加鼠标消息筛选器以开始捕捉,隐藏时则移除筛选器。之所以不放dispose中是想尽早移除筛选器 protected override void onvisiblechanged(eventargs e) { if (!designmode) { if (visible) { application.addmessagefilter(_mousemsgfilter); } else { application.removemessagefilter(_mousemsgfilter); } } base.onvisiblechanged(e); } //实现窗体客户区拖动 //在wndproc中实现这个较麻烦,所以放到这里做 protected override void onmousedown(mouseeventargs e) { //让鼠标点击客户区时达到与点击标题栏一样的效果,以此实现客户区拖动 nativemethods.releasecapture(); nativemethods.sendmessage(handle, 0xa1/*wm_nclbuttondown*/, (intptr)2/*caption*/, intptr.zero); base.onmousedown(e); } /// <summary> /// 显示为模式窗体 /// </summary> /// <param name="control">显示在该控件下方</param> public dialogresult showdialog(control control) { return showdialog(control, 0, control.height); } /// <summary> /// 显示为模式窗体 /// </summary> /// <param name="control">触发弹出窗体的控件</param> /// <param name="offsetx">相对control水平偏移</param> /// <param name="offsety">相对control垂直偏移</param> public dialogresult showdialog(control control, int offsetx, int offsety) { return showdialog(control, new point(offsetx, offsety)); } /// <summary> /// 显示为模式窗体 /// </summary> /// <param name="control">触发弹出窗体的控件</param> /// <param name="offset">相对control偏移</param> public dialogresult showdialog(control control, point offset) { return this.showdialoginternal(control, offset); } /// <summary> /// 显示为模式窗体 /// </summary> /// <param name="item">显示在该工具栏项的下方</param> public dialogresult showdialog(toolstripitem item) { return showdialog(item, 0, item.height); } /// <summary> /// 显示为模式窗体 /// </summary> /// <param name="item">触发弹出窗体的工具栏项</param> /// <param name="offsetx">相对item水平偏移</param> /// <param name="offsety">相对item垂直偏移</param> public dialogresult showdialog(toolstripitem item, int offsetx, int offsety) { return showdialog(item, new point(offsetx, offsety)); } /// <summary> /// 显示为模式窗体 /// </summary> /// <param name="item">触发弹出窗体的工具栏项</param> /// <param name="offset">相对item偏移</param> public dialogresult showdialog(toolstripitem item, point offset) { return this.showdialoginternal(item, offset); } /// <summary> /// 显示窗体 /// </summary> /// <param name="control">显示在该控件下方</param> public void show(control control) { show(control, 0, control.height); } /// <summary> /// 显示窗体 /// </summary> /// <param name="control">触发弹出窗体的控件</param> /// <param name="offsetx">相对control水平偏移</param> /// <param name="offsety">相对control垂直偏移</param> public void show(control control, int offsetx, int offsety) { show(control, new point(offsetx, offsety)); } /// <summary> /// 显示窗体 /// </summary> /// <param name="control">触发弹出窗体的控件</param> /// <param name="offset">相对control偏移</param> public void show(control control, point offset) { this.showinternal(control, offset); } /// <summary> /// 显示窗体 /// </summary> /// <param name="item">显示在该工具栏下方</param> public void show(toolstripitem item) { show(item, 0, item.height); } /// <summary> /// 显示窗体 /// </summary> /// <param name="item">触发弹出窗体的工具栏项</param> /// <param name="offsetx">相对item水平偏移</param> /// <param name="offsety">相对item垂直偏移</param> public void show(toolstripitem item, int offsetx, int offsety) { show(item, new point(offsetx, offsety)); } /// <summary> /// 显示窗体 /// </summary> /// <param name="item">触发弹出窗体的工具栏项</param> /// <param name="offset">相对item偏移</param> public void show(toolstripitem item, point offset) { this.showinternal(item, offset); } /// <summary> /// showdialog内部方法 /// </summary> private dialogresult showdialoginternal(component controloritem, point offset) { //快速连续弹出本窗体将有可能遇到尚未hide的情况下再次弹出,这会引发异常,故需做处理 if (this.visible) { return system.windows.forms.dialogresult.none; } this.setlocationandowner(controloritem, offset); return base.showdialog(); } /// <summary> /// show内部方法 /// </summary> private void showinternal(component controloritem, point offset) { if (this.visible) { return; }//原因见showdialoginternal this.setlocationandowner(controloritem, offset); base.show(); } /// <summary> /// 设置坐标及所有者 /// </summary> /// <param name="controloritem">控件或工具栏项</param> /// <param name="offset">相对偏移</param> private void setlocationandowner(component controloritem, point offset) { point pt = point.empty; if (controloritem is toolstripitem) { toolstripitem item = (toolstripitem)controloritem; pt.offset(item.bounds.location); controloritem = item.owner; } control c = (control)controloritem; pt.offset(getcontrollocationinform(c)); pt.offset(offset); this.location = pt; //设置owner属性与show[dialog](owner)有不同,当owner是mdichild时,后者会改owner为mdiparent this.owner = c.findform(); } /// <summary> /// 获取控件在窗体中的坐标 /// </summary> private static point getcontrollocationinform(control c) { point pt = c.location; while (!((c = c.parent) is form)) { pt.offset(c.location); } return pt; } #region 屏蔽对本类影响重大的基类方法和属性 /// <summary> /// 初始化部分基类属性 /// </summary> private void initbaseproperties() { base.controlbox = false; //重要 //必须得是sizabletoolwindow才能支持调整大小的同时,不受systeminformation.minwindowtracksize的限制 base.formborderstyle = system.windows.forms.formborderstyle.sizabletoolwindow; base.text = string.empty; //重要 base.helpbutton = false; base.icon = null; base.ismdicontainer = false; base.maximizebox = false; base.minimizebox = false; base.showicon = false; base.showintaskbar = false; base.startposition = formstartposition.manual; //重要 base.topmost = false; base.windowstate = formwindowstate.normal; } //屏蔽原方法 [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("请使用别的重载!", true)] public new dialogresult showdialog() { throw new notimplementedexception(); } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("请使用别的重载!", true)] public new dialogresult showdialog(iwin32window owner) { throw new notimplementedexception(); } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("请使用别的重载!", true)] public new void show() { throw new notimplementedexception(); } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("请使用别的重载!", true)] public new void show(iwin32window owner) { throw new notimplementedexception(); } //屏蔽原属性 [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool controlbox { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("设置边框请使用border相关属性!", true)] public new formborderstyle formborderstyle { get { return system.windows.forms.formborderstyle.sizabletoolwindow; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public override sealed string text { get { return string.empty; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool helpbutton { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new image icon { get { return null; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool ismdicontainer { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool maximizebox { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool minimizebox { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool showicon { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool showintaskbar { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new formstartposition startposition { get { return formstartposition.manual; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new bool topmost { get { return false; } set { } } [browsable(false), editorbrowsable(editorbrowsablestate.never)] [obsolete("禁用该属性!", true)] public new formwindowstate windowstate { get { return formwindowstate.normal; } set { } } #endregion /// <summary> /// 程序鼠标消息筛选器 /// </summary> private class appmousemessagehandler : imessagefilter { readonly floatlayerbase _layerform; public appmousemessagehandler(floatlayerbase layerform) { _layerform = layerform; } public bool prefiltermessage(ref message m) { //如果在本窗体以外点击鼠标,隐藏本窗体 //若想在点击标题栏、滚动条等非客户区也要让本窗体消失,取消0xa1的注释即可 //本例是根据坐标判断,亦可以改为根据句柄,但要考虑子孙控件 //之所以用api而不用form.desktopbounds是因为后者不可靠 if ((m.msg == 0x201/*|| m.msg==0xa1*/) && _layerform.visible && !nativemethods.getwindowrect(_layerform.handle).contains(mouseposition)) { _layerform.hide();//之所以不close是考虑应该由调用者负责销毁 } return false; } } /// <summary> /// api封装类 /// </summary> private static class nativemethods { [dllimport("user32.dll")] [return: marshalas(unmanagedtype.bool)] public static extern bool enablewindow(intptr hwnd, bool benable); [dllimport("user32.dll", charset = charset.auto)] public static extern intptr sendmessage(intptr hwnd, uint msg, intptr wparam, intptr lparam); [dllimport("user32.dll")] public static extern bool releasecapture(); [dllimport("user32.dll", setlasterror = true)] public static extern intptr setparent(intptr hwndchild, intptr hwndnewparent); [dllimport("user32.dll", setlasterror = true)] private static extern bool getwindowrect(intptr hwnd, out rect lprect); [structlayout(layoutkind.sequential)] private struct rect { public int left; public int top; public int right; public int bottom; public static explicit operator rectangle(rect rect) { return new rectangle(rect.left, rect.top, rect.right - rect.left, rect.bottom - rect.top); } } public static rectangle getwindowrect(intptr hwnd) { rect rect; getwindowrect(hwnd, out rect); return (rectangle)rect; } } } }
新建继承窗体,选择继承自floatlayerbase类;也可以新建普通窗体,然后把基类由form改为floatlayerbase
在设计器和源码中打造浮动应用
在需要的地方使用它。关于使用,先看一下floatlayerbase的部分公开成员:
//属性 public borderstyle bordertype { get; set; } public border3dstyle border3dstyle { get; set; } public buttonborderstyle bordersinglestyle { get; set; } public color bordercolor { get; set; } //方法 public void show(control control); public void show(control control, point offset); public void show(control control, int offsetx, int offsety); public void show(toolstripitem item); public void show(toolstripitem item, point offset); public void show(toolstripitem item, int offsetx, int offsety); public dialogresult showdialog(control control); public dialogresult showdialog(control control, point offset); public dialogresult showdialog(control control, int offsetx, int offsety); public dialogresult showdialog(toolstripitem item); public dialogresult showdialog(toolstripitem item, point offset); public dialogresult showdialog(toolstripitem item, int offsetx, int offsety);
上面4个属性都是跟边框有关的,边框总共有3种形态,三维、线型、无,由bordertype指定;当为三维形态时,由border3dstyle指定具体样式;为线型时,由bordersinglestyle和bordercolor分别指定具体线型和颜色。原form.formborderstyle属性已被屏蔽,不允许子类访问,还有若干原form的属性也已屏蔽,原因都在源码里。另外,原form.sizegripstyle照常使用,是否允许调整浮动层大小就靠它了
方法就说一下show和showdialog,显然分别是用来非模式化/模式化显示浮动层的,两者在调用角度的重大区别就是,前者不会阻塞代码,后者则会,实际应用中根据情况选用。每个方法从参数又分control和toolstripitem两类,都是代表从什么控件上弹出浮动层的意思,前者接受button、textbox等控件(不能传入form,后果会不愉快),后者接受工具栏上面的项目,例如toolstripbutton、toolstriptextbox之类的。重载可以指定相对control或item的偏移位置,默认是在control/item的下方弹出浮动层。最后无论是show还是showdialog弹出来的浮动层,都可以像右键菜单那样通过在其它地方点鼠标使之消失,这里需要说明一下:
鼠标只会点在本程序内的窗体中时,让浮动层消失。点在程序外的窗口、桌面、任务栏这些则不会。为什么要这样是因为要做到完全像右键菜单那样对全局鼠标敏感,需要全局钩子,这会增加代码量(性能且不说,没测过不妄言),而且我认为没必要全局敏感浮动层消失是调用hide方法,所以对于模式化打开的浮动层,会返回dialogresult.cancel,这是.net对模式对话框的设计使然,模式对话框被hide或close时,就是返回cancel。在此也提醒一下调用者,在使用模式对话框时,永远考虑有返回cancel这种情况,不限于本例,而是所有对话框
原show()/show(iwin32window)和showdialog()/showdialog(iwin32window)已被屏蔽,原因见源码。
其它:
编写期间一直使用popupformbase作为类名,发布最后时刻才改为现在的floatlayerbase,所以demo中可能尚有依据原名起名的子类、方法名等。
demo下载:
http://pan.baidu.com/s/1mgngpgc
里面有个tester供您体验。
上一篇: C#获取进程或线程相关信息的方法