Move and Resize Controls on a Form at Runtime (With Mouse)

• Download source - 22.8 KB
• Download demo - 7.1 KB

Introduction

Sometimes, we want to move and resize controls in run time for example when we want to create some template for a form. There are some codes on the web for this but they cannot do both moving and resizing controls. Therefore, I write my own class on the basis of another CodeProject article.

Using this class, we can make resizeable and movable control with only one line of code:

ControlMoverOrResizer.Init(button1);   

Really? Yes!! :)

Background

This class uses lambda expression in event handler assignment.

internal static void Init(Control control, Control container)
{
    _moving = false;
    _resizing = false;
    _moveIsInterNal = false;
    _cursorStartPoint = Point.Empty;
    MouseIsInLeftEdge = false;
    MouseIsInLeftEdge = false;
    MouseIsInRightEdge = false;
    MouseIsInTopEdge = false;
    MouseIsInBottomEdge = false;
    WorkType = MoveOrResize.MoveAndResize;
    control.MouseDown += (sender, e) => StartMovingOrResizing(control, e);
    control.MouseUp += (sender, e) => StopDragOrResizing(control);
    control.MouseMove += (sender, e) => MoveControl(container, e);
}      

I write all fields, properties and methods static; therefore it is not needed to create an object of ControlMoverOrResizer class.

internal class ControlMoverOrResizer
{
    private static bool _moving;
    private static Point _cursorStartPoint;
    private static bool _moveIsInterNal;
    private static bool _resizing;
    private static Size _currentControlStartSize;
    internal static bool MouseIsInLeftEdge { get; set; }
    internal static bool MouseIsInRightEdge { get; set; }
    internal static bool MouseIsInTopEdge { get; set; }
    internal static bool MouseIsInBottomEdge { get; set; }

    internal enum MoveOrResize ...

    internal static MoveOrResize WorkType { get; set; } 

    internal static void Init(Control control) ...

    internal static void Init(Control control, Control container) ...

    private static void UpdateMouseEdgeProperties(Control control, Point mouseLocationInControl) ...

    private static void UpdateMouseCursor(Control control) ...

    private static void StartMovingOrResizing(Control control, MouseEventArgs e) ...

    private static void MoveControl(Control control, MouseEventArgs e) ...

    private static void StopDragOrResizing(Control control) ...
}  

Alone not private method in class is init method. When sending a control (or two with its container) to init method, it will add related methods to 3 important control events.

control.MouseDown += (sender, e) => StartMovingOrResizing(control, e);
control.MouseUp += (sender, e) => StopDragOrResizing(control);
control.MouseMove += (sender, e) => MoveControl(container, e); 

Now when user holds the mouse down on control, event calls the StartMovingOrResizing method, and this method will set movingMode or resizingMode of control:

private static void StartMovingOrResizing(Control control, MouseEventArgs e)
{
    if (_moving || _resizing)
    {
        return;
    }
    if (WorkType!=MoveOrResize.Move &&
        (MouseIsInRightEdge || MouseIsInLeftEdge || MouseIsInTopEdge || MouseIsInBottomEdge))
    {
        _resizing = true;
        _currentControlStartSize = control.Size;
    }
    else if (WorkType!=MoveOrResize.Resize)
    {
        _moving = true;
        control.Cursor = Cursors.Hand;
    }
    _cursorStartPoint = new Point(e.X, e.Y);
    control.Capture = true;
}  

When user moves the mouse cursor on control MoveControl method will call, this method calls the UpdateMouseEdgeProperties and UpdateMouseCursor functions.

UpdateMouseEdgeProperties will check which cursor is on any edge of control and will set related properties:

private static void UpdateMouseEdgeProperties(Control control, Point mouseLocationInControl)
{
	if (WorkType == MoveOrResize.Move)
	{
		return;
	}
	MouseIsInLeftEdge = Math.Abs(mouseLocationInControl.X) <= 2;
	MouseIsInRightEdge = Math.Abs(mouseLocationInControl.X - control.Width) <= 2;
	MouseIsInTopEdge = Math.Abs(mouseLocationInControl.Y ) <= 2;
	MouseIsInBottomEdge = Math.Abs(mouseLocationInControl.Y - control.Height) <= 2;
}

and UpdateMouseCursor functions will change mouse cursor if it is in the edge of control:

private static void UpdateMouseCursor(Control control)
{
	if (WorkType == MoveOrResize.Move)
	{
		return;
	}
	if (MouseIsInLeftEdge )
	{
		if (MouseIsInTopEdge)
		{
			control.Cursor = Cursors.SizeNWSE;
		}
		else if (MouseIsInBottomEdge)
		{
			control.Cursor = Cursors.SizeNESW;
		}
		else
		{
			control.Cursor = Cursors.SizeWE;
		}
	}
	else if (MouseIsInRightEdge)
	{
		if (MouseIsInTopEdge)
		{
			control.Cursor = Cursors.SizeNESW;
		}
		else if (MouseIsInBottomEdge)
		{
			control.Cursor = Cursors.SizeNWSE;
		}
		else
		{
			control.Cursor = Cursors.SizeWE;
		}
	}
	else if (MouseIsInTopEdge || MouseIsInBottomEdge)
	{
		control.Cursor = Cursors.SizeNS;
	}
	else
	{
		control.Cursor = Cursors.Default;
	}
}

Now program will callback to MoveControl function and continue in this method. It will check _resizing field (this field will set when using pressDown mouse on age of control and keep it down).

If control is in resizing mode, that edge of control where cursor is on it just moves with cursor:

if (_resizing)
{
	if (MouseIsInLeftEdge)
	{
		if (MouseIsInTopEdge)
		{
			control.Width -= (e.X - _cursorStartPoint.X);
			control.Left += (e.X - _cursorStartPoint.X); 
			control.Height -= (e.Y - _cursorStartPoint.Y);
			control.Top += (e.Y - _cursorStartPoint.Y);
		}
		else if (MouseIsInBottomEdge)
		{
			control.Width -= (e.X - _cursorStartPoint.X);
			control.Left += (e.X - _cursorStartPoint.X);
			control.Height = (e.Y - _cursorStartPoint.Y)                   
		             + _currentControlStartSize.Height; 
		}
		else
		{
			control.Width -= (e.X - _cursorStartPoint.X);
			control.Left += (e.X - _cursorStartPoint.X) ;
		}
	}
	else if (MouseIsInRightEdge)
	{
		if (MouseIsInTopEdge)
		{
			control.Width = (e.X - _cursorStartPoint.X) 
                            + _currentControlStartSize.Width;
			control.Height -= (e.Y - _cursorStartPoint.Y);
			control.Top += (e.Y - _cursorStartPoint.Y); 
 
		}
		else if (MouseIsInBottomEdge)
		{
			control.Width = (e.X - _cursorStartPoint.X) 
                            + _currentControlStartSize.Width;
			control.Height = (e.Y - _cursorStartPoint.Y) 
                            + _currentControlStartSize.Height;                    
		}
		else
		{
			control.Width = (e.X - _cursorStartPoint.X) 
                           +_currentControlStartSize.Width;
		}
	}
	else if (MouseIsInTopEdge)
	{
		control.Height -= (e.Y - _cursorStartPoint.Y);
		control.Top += (e.Y - _cursorStartPoint.Y);
	}
	else if (MouseIsInBottomEdge)
	{
		control.Height = (e.Y - _cursorStartPoint.Y) 
                   + _currentControlStartSize.Height;                    
	}
	else
	{
		 StopDragOrResizing(control);
	}
}     

Else if control is in moving mode (control goes to moving mode when user presses mouse down inside of control and keeps it down), the position of control will move with cursor:

else if (_moving)
{
	_moveIsInterNal = !_moveIsInterNal;
	if (!_moveIsInterNal)
	{
		int x = (e.X - _cursorStartPoint.X) + control.Left;
		int y = (e.Y - _cursorStartPoint.Y) + control.Top;
		control.Location = new Point(x, y);
	}
}

At last, when user releases the mouse, StopDragOrResizing method will be called and it will reset moving mode and resizing mode to false and update the cursor.

private static void StopDragOrResizing(Control control)
{
	_resizing = false;
	_moving = false;
	control.Capture = false;
	UpdateMouseCursor(control);
} 

Using the Code

For enable resizing and moving mode for a control, we just call init method in MoveAndResizeControls class in send control to it.

MoveAndResizeControls.Init(button1); 

If we want to change container of control (for example, when control is filled in its container), we just send container as the second parameter.

ControlMoverOrResizer.Init(button2,panel1); 

In some cases, we just want one of resizing or moving for controls in this case we just set the WorkType property in the ControlMoverOrResizer class with one of these values:

internal enum MoveOrResize
{
	Move,
	Resize,
	MoveAndResize
}

In the demo example that is uploaded here, controls can be moved and resized by mouse. Also, a combobox is in demo form who will help you select worktype ("move", "resize" or "move and resize").

using System;
using System.Windows.Forms;
using ControlManager;
namespace MoveAndResizeControls
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            ControlMoverOrResizer.Init(button1);
            ControlMoverOrResizer.Init(groupBox1);
            ControlMoverOrResizer.Init(textBox1);
            ControlMoverOrResizer.Init(button2,panel1);
            comboBox1.SelectedIndex = 0;
        }

        private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            switch (comboBox1.SelectedIndex)
            {
                case 0:
                    ControlMoverOrResizer.WorkType=ControlMoverOrResizer.MoveOrResize.MoveAndResize;
                    break;
                case 1:
                    ControlMoverOrResizer.WorkType = ControlMoverOrResizer.MoveOrResize.Move;
                    break;
                case 2:
                    ControlMoverOrResizer.WorkType = ControlMoverOrResizer.MoveOrResize.Resize;
                    break;
            }
        }
    }
}    

Points of Interest

If you want to save and load changes, you can use these methods:

• GetSizeAndPositionOfControlsToString
• SetSizeAndPositionOfControlsFromString

This is form after move and resize controls:

My sincere thanks for your time and consideration.
Best wishes.

History

• 2014/01/10: As of publication, version 1.0.0.0
• 2014/02/09: As of update, version 1.1.0.0