C#基础系列：开发自己的窗体设计器（在容器上拖动鼠标增加控件）

时间  2021-07-14 标签 C++ C# WinForm Windows

本文我们实现一个简单的通过拖动鼠标来增加控件的方法。

在我们使用vs2005来开发WinForm应用程序的时候，我们通过选择左边“工具箱”中的某个控件，然后在我们自己的窗体上通过拖动鼠标，一个我们需要的控件就出现了，觉得很爽！其实vs2005中已经有这方面的组件，我们通过简单的代码就可以直接使用，这个你可以用“窗体设计器”Google一下，已经有人做了这方面的介绍。

所以我要说的是，难道除了使用vs2005中提供的这个标准组件，就不能自己弄出一个来？即使不够强大，但是最终都是自己折腾出来的，所以也会很爽。下面我就这个功能点做一个介绍，实现效果图如下：

实现关键点：

1、动态加载控件：

在vs2005中，在某个容器控件上增加新的子控件相当的简单，语法如下，如，增加一个TextBox：

Control.Controls.Add(new TextBox());

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

2、选择要添加的控件：

通过一个全局的单件类来实现。

3、捕获窗体（或者容器控件，比如Panel，GroupBox等）上鼠标的移动区域，并绘制选择框，如上图中黑色的框。

对于1，是很容易实现的，所以不是我们讨论的重点，我主要讨论2和3点。

第2点：选择需要添加的控件，为了尽量的使Winform中的代码简洁，以及和其它的部分解耦，我们尽量不要考虑在WinForm中使用全局变量或者与其它模块通信的接口。所以我们使用一个单件类SettingService来作为Winform和其它部分通信的中介。

  1. publicclassSettingService
  2. {
  3. privatestaticSettingService_Instance;
  4. privateSystem.Windows.Forms.Control_SelectedToolBoxControl;
  6. ///<summary>
  7. ///在Form中，选择了某个要添加的控件后，这里保存这个控件的一个新实例
  8. ///</summary>
  9. publicSystem.Windows.Forms.ControlSelectedToolBoxControl
  10. {
  11. get{returnthis._SelectedToolBoxControl;}
  12. set{this._SelectedToolBoxControl=value;}
  13. }
  15. privateSettingService()
  16. {}
  18. ///<summary>
  19. ///这里使用单件
  20. ///</summary>
  21. publicstaticSettingServiceInstance
  22. {
  23. get
  24. {
  25. if(_Instance==null)
  26. {
  27. _Instance=newSettingService();
  28. }
  30. return_Instance;
  31. }
  32. }
  33. }

第3点：因为这里涉及到捕获鼠标的选择区域，并且在按照这个区域的起始以及大小绘制控件。要捕获鼠标，我们需要实现容器控件（Winform也是一个Control，所以这里称的容器控件包括WinForm）的Control_ MouseDown，Control_ MouseMove，Control_ MouseUp，Control_ MouseEnter这几个事件。

代码如下：

  1. publicclassMouseHook
  2. {
  3. Control_Owner;
  5. privateint_CLickAtX;
  6. privateint_ClickAtY;
  7. privateint_MoveAtX;
  8. privateint_MoveAtY;
  9. privatebool_BeginDrag;
  10. privatebool_BeginDrawControl;
  12. ///<summary>
  13. ///这里Owner使用的是Control类型，是因为我们不仅仅需要在Winform上增加控件，
  14. ///也需要在其它容器，比如Panel,GroupBox等上面增加容器
  15. ///</summary>
  16. ///<paramname="Owner"></param>
  17. publicMouseHook(System.Windows.Forms.ControlOwner)
  18. {
  19. this._Owner=Owner;
  20. this._Owner.MouseDown+=newMouseEventHandler(this.Control_MouseDown);
  21. this._Owner.MouseMove+=newMouseEventHandler(this.Control_MouseMove);
  22. this._Owner.MouseUp+=newMouseEventHandler(this.Control_MouseUp);
  23. this._Owner.MouseEnter+=newEventHandler(this.Control_MouseEnter);
  24. this._BeginDrawControl=false;
  25. }
  27. #regionControl上的鼠标事件
  28. voidControl_MouseDown(objectsender,MouseEventArgse)
  29. {
  30. //如果没有选择控件，那么退出
  31. if(SettingService.Instance.SelectedToolBoxControl==null)
  32. {
  33. return;
  34. }
  36. this._CLickAtX=e.X;
  37. this._ClickAtY=e.Y;
  38. this._MoveAtX=e.X;
  39. this._MoveAtY=e.Y;
  40. this._BeginDrag=true;
  42. if(SettingService.Instance.SelectedToolBoxControl!=null)
  43. {
  44. this._BeginDrawControl=true;
  45. }
  46. else
  47. {
  48. this._BeginDrawControl=false;
  49. }
  50. }
  52. voidControl_MouseMove(objectsender,MouseEventArgse)
  53. {
  54. if(SettingService.Instance.SelectedToolBoxControl==null)
  55. {
  56. return;
  57. }
  59. if(this._BeginDrag)
  60. {
  61. //取消上次绘制的选择框
  62. intiLeft,iTop,iWidth,iHeight;
  63. Penpen;
  64. Rectanglerect;
  66. pen=newPen(this._Owner.BackColor);
  68. if(this._BeginDrawControl==true)
  69. {
  70. pen.DashStyle=System.Drawing.Drawing2D.DashStyle.Solid;
  71. pen.Width=2;
  72. }
  73. else
  74. {
  75. pen.DashStyle=System.Drawing.Drawing2D.DashStyle.Dot;
  76. }
  78. iLeft=this._CLickAtX<this._MoveAtX?this._CLickAtX:this._MoveAtX;
  79. iTop=this._ClickAtY<this._MoveAtY?this._ClickAtY:this._MoveAtY;
  80. iWidth=Math.Abs(this._MoveAtX-this._CLickAtX);
  81. iHeight=Math.Abs(this._MoveAtY-this._ClickAtY);
  83. rect=newRectangle(iLeft,iTop,iWidth,iHeight);
  84. this._Owner.CreateGraphics().DrawRectangle(pen,rect);
  86. //重新绘制选择框
  87. this._MoveAtX=e.X;
  88. this._MoveAtY=e.Y;
  89. pen=newPen(Color.Black);
  90. if(this._BeginDrawControl==true)
  91. {
  92. pen.DashStyle=System.Drawing.Drawing2D.DashStyle.Solid;
  93. pen.Width=2;
  94. }
  95. else
  96. {
  97. pen.DashStyle=System.Drawing.Drawing2D.DashStyle.Dot;
  98. }
  99. iLeft=this._CLickAtX<this._MoveAtX?this._CLickAtX:this._MoveAtX;
  100. iTop=this._ClickAtY<this._MoveAtY?this._ClickAtY:this._MoveAtY;
  101. iWidth=Math.Abs(this._MoveAtX-this._CLickAtX);
  102. iHeight=Math.Abs(this._MoveAtY-this._ClickAtY);
  104. rect=newRectangle(iLeft,iTop,iWidth,iHeight);
  105. this._Owner.CreateGraphics().DrawRectangle(pen,rect);
  106. }
  107. }
  109. voidControl_MouseUp(objectsender,MouseEventArgse)
  110. {
  111. this._BeginDrag=false;
  112. this._Owner.SuspendLayout();
  114. if(SettingService.Instance.SelectedToolBoxControl==null)
  115. {
  116. return;
  117. }
  119. //取消上次绘制的选择框
  120. intiLeft,iTop,iWidth,iHeight;
  121. Penpen;
  122. Rectanglerect;
  124. pen=newPen(this._Owner.BackColor);
  126. pen.DashStyle=System.Drawing.Drawing2D.DashStyle.Dot;
  127. iLeft=this._CLickAtX<this._MoveAtX?this._CLickAtX:this._MoveAtX;
  128. iTop=this._ClickAtY<this._MoveAtY?this._ClickAtY:this._MoveAtY;
  129. iWidth=Math.Abs(this._MoveAtX-this._CLickAtX);
  130. iHeight=Math.Abs(this._MoveAtY-this._ClickAtY);
  132. rect=newRectangle(iLeft,iTop,iWidth,iHeight);
  133. this._Owner.CreateGraphics().DrawRectangle(pen,rect);
  135. if(SettingService.Instance.SelectedToolBoxControl!=null)
  136. {
  137. AddControl(SettingService.Instance.SelectedToolBoxControl,rect);
  138. }
  139. else
  140. {
  141. //这里是拖动鼠标，选择控件，这里将会在后续的介绍中给出
  142. }
  144. this._Owner.Refresh();
  145. this._Owner.ResumeLayout();
  146. }
  148. voidControl_MouseEnter(objectsender,EventArgse)
  149. {
  150. if(SettingService.Instance.SelectedToolBoxControl!=null)
  151. {
  152. this._Owner.Cursor=Cursors.Cross;
  153. }
  154. else
  155. {
  156. this._Owner.Cursor=Cursors.Default;
  157. }
  158. }
  160. privatevoidAddControl(System.Windows.Forms.Controlcontrol,Rectanglerect)
  161. {
  162. try
  163. {
  164. control.Location=rect.Location;
  165. control.Size=rect.Size;
  166. control.Name=GetControlName(control);
  167. //因为对于DataTimePiker控件来说不能设置.Text为非日期型，所以忽略错误
  168. try
  169. {
  170. control.Text=GetControlType(control);
  171. }
  172. catch{}
  174. this._Owner.Controls.Add(control);
  175. control.Visible=true;
  177. this._Owner.Cursor=Cursors.Default;
  178. SettingService.Instance.SelectedToolBoxControl=null;
  179. }
  180. catch(Exceptione)
  181. {
  182. this._Owner.Cursor=Cursors.Default;
  183. SettingService.Instance.SelectedToolBoxControl=null;
  184. }
  185. }
  187. privatestringGetControlType(System.Windows.Forms.Controlctrl)
  188. {
  189. stringstrType=ctrl.GetType().ToString();
  190. stringstrControlType;
  191. string[]strArr=strType.Split(".".ToCharArray());
  193. strControlType=strArr[strArr.Length-1].Trim();
  195. returnstrControlType;
  196. }
  198. privatestringGetControlName(System.Windows.Forms.Controlcontrol)
  199. {
  200. //这里简单返回控件名，如果需要，可以通过修改这个函数做特殊处理
  201. returncontrol.GetType().Name;
  202. }
  203. #endregion
  204. }

另外Form代码如下，这里为了方便，我直接先使用几个Button来替代实际中的ToolBox：

  1. //在Form中增加几个Button，分别命名为cmdArrow,cmdLabel,cmdTextBox,cmdComboBox,cmdGroupBox
  2. publicpartialclassForm1:Form
  3. {
  4. privateMouseHook_MouseHook;
  5. publicForm1()
  6. {
  7. InitializeComponent();
  9. this._MouseHook=newMouseHook(this);
  10. }
  13. privatevoidcmdArrow_Click(objectsender,EventArgse)
  14. {
  15. SettingService.Instance.SelectedToolBoxControl=null;
  16. }
  18. privatevoidcmdLabel_Click(objectsender,EventArgse)
  19. {
  20. SettingService.Instance.SelectedToolBoxControl=newLabel();
  21. }
  23. privatevoidcmdTextBox_Click(objectsender,EventArgse)
  24. {
  25. SettingService.Instance.SelectedToolBoxControl=newTextBox();
  26. }
  28. privatevoidcmdComboBox_Click(objectsender,EventArgse)
  29. {
  30. SettingService.Instance.SelectedToolBoxControl=newComboBox();
  31. }
  33. privatevoidcmdGroupBox_Click(objectsender,EventArgse)
  34. {
  35. SettingService.Instance.SelectedToolBoxControl=newGroupBox();
  36. }
  37. }

上面就是简单实现拖动增加控件的方法，如果要在GroupBox中增加控件的话，只需要再new 一个MouseHook，如：new MouseHook(GroupBoxControl)这样就可以了的。

联系我们 沪ICP备13005482号-10