C#基础系列：开发自己的窗体设计器（实现控件的拖动）

 

控件移动的关键点就是需要设计一个独立于任何控件的类（UIMoveKnob）来控制控件的移动。我这里实现的方法只针对一个控件，如果需要同时选择多个控件，然后同时移动的话，你需要修改这个类，这里是有点难于控制，我使用的方法严重耦合，所以只在这里给出移动一个控件的办法，具体移动过个控件的方法请各位讨论。

 

要移动某个选定的控件，我们需要实现控件的：

MouseDown

MouseMove

MouseUp

这3个事件。

在MouseDown的时候，记录鼠标点击的开始位置，并设置开始移动标志为True；

在MouseMove的时候，把控件移动相应的距离（当前鼠标位置 – 鼠标点击的开始位置）；

在MouseUp的时候，释放移动标志为false。

 

有了控件移动控制类(UIMoveKnob)以后，我们怎么实现UIMoveKnob和具体控件的关联呢？同样，我们需要在Form中增加一个变量private Hashtable _HashUIMoveKnob用于缓存每个控件对应的UIMoveKnob对象。

 

同时在Form.ControlAdded事件中，通过this._HashUIMoveKnob.Add(e.Control, new UIMoveKnob(e.Control));设置其关联性。

 

UIMoveKnob的代码如下：

1. public class UIMoveKnob
2. {
3.     private System.Windows.Forms.Control _Owner;
4.     private int _MouseClickAtX;
5.     private int _MouseClickAtY;
6.     private bool _BeginDrag;
8.     public UIMoveKnob(System.Windows.Forms.Control Owner)
9.     {
10.         this._Owner = Owner;
12.         this._Owner.MouseDown += new System.Windows.Forms.MouseEventHandler(this.Owner_MouseDown);
13.         this._Owner.MouseMove += new System.Windows.Forms.MouseEventHandler(this.Owner_MouseMove);
14.         this._Owner.MouseUp += new System.Windows.Forms.MouseEventHandler(this.Owner_MouseUp);
15.     }
17.     void Owner_MouseDown(object sender, System.Windows.Forms.MouseEventArgs e)
18.     {
19.         this._Owner.Cursor = System.Windows.Forms.Cursors.Default;
21.         this._MouseClickAtX = e.X;
22.         this._MouseClickAtY = e.Y;
23.         this._BeginDrag = true;
24.     }
26.     void Owner_MouseMove(object sender, System.Windows.Forms.MouseEventArgs e)
27.     {
28.         try
29.         {
30.             if (this._BeginDrag)
31.             {
32.                 Rectangle rect;
34.                 /*
35.                  * 对于下列控件,是不能拖动的,所以这里也不绘制拖动边框
36.                  * TabPage,
37.                  */
38.                 if (this._Owner is System.Windows.Forms.TabPage)
39.                 {
40.                     //
41.                 }
42.                 else
43.                 {
44.                     this._Owner.Location = new Point(this._Owner.Left + e.X - this._MouseClickAtX, this._Owner.Top + e.Y - this._MouseClickAtY);
45.                 }
46.             }
47.         }
48.         catch { }
49.     }
51.     void Owner_MouseUp(object sender, System.Windows.Forms.MouseEventArgs e)
52.     {
53.         this._BeginDrag = false;
54.         this._Owner.Parent.Refresh();
55.     }
56. }

修改后的Form代码前半部分如下：

1. private MouseHook _MouseHook;
2. //我们将所有的已经与具体控件关联了的UISizeKnob缓存在这个HashTable中
3. private Hashtable _HashUISizeKnob;
4. //负责控件移动的类
5. private Hashtable _HashUIMoveKnob;
7. public Form1()
8. {
9.     InitializeComponent();
11.     this._MouseHook = new MouseHook(this);
13.     this._HashUISizeKnob = new Hashtable();
14.     this._HashUIMoveKnob = new Hashtable();
16.     //为了简洁明了，我们在ControlAdded中来设置具体控件和UISizeKnob的关联
17.     this.ControlAdded += new ControlEventHandler(Form1_ControlAdded);
18. }
20. void Form1_ControlAdded(object sender, ControlEventArgs e)
21. {
22.     if (!(e.Control is UISizeDot))
23.     {
24.         this._HashUISizeKnob.Add(e.Control, new UISizeKnob(e.Control));
25.         this._HashUIMoveKnob.Add(e.Control, new UIMoveKnob(e.Control));
26.         
27.         //点击控件的时候，显示控件的选择
28.         e.Control.Click += new EventHandler(Control_Click);
29.     }
30. }
32. void Control_Click(object sender, EventArgs e)
33. {
34.     //寿险清除已经选择的控件
35.     foreach (UISizeKnob knob in this._HashUISizeKnob.Values)
36.     {
37.         knob.ShowUISizeDots(false);
38.     }
40.     try 
41.     {
42.         ((UISizeKnob)this._HashUISizeKnob[sender]).ShowUISizeDots(true);
43.     }
44.     catch { }
45. }

相对来说实现单个控件的拖动比较简单，而实现多个控件的拖动，我们需要首先使用一个全局的变量来缓存我们所选择的控件，然后在此类中。拖动的时候，通过遍历此全局变量，一个个改变所选择控件的位置。

 

相关文章：

C#基础系列：开发自己的窗体设计器（总纲）

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

C#基础系列：开发自己的窗体设计器（实现控件的选择）