User control of picturebox location

What is the best way to enable the user changing the location of picturebox or buttons on a form?
yaron89Asked:
Who is Participating?
 
wht1986Connect With a Mentor Commented:
to make it easy to support multiple picture boxes, i would suggest creating your own class like below. then you can as many on the form as you need
public class MyDraggablePictureBox : PictureBox
{
    private bool isDragging = false;
    private int currentX, currentY;
 
    protected override void OnMouseDown(MouseEventArgs e)
    {
        isDragging = true;
        currentX = e.X;
        currentY = e.Y;
        base.OnMouseDown(e);
    }
 
    protected override void OnMouseMove(MouseEventArgs e)
    {
        if (isDragging)
        {
            this.Top = this.Top + (e.Y - currentY);
            this.Left = this.Left + (e.X - currentX);
        }
        base.OnMouseMove(e);
    }
 
    protected override void OnMouseUp(MouseEventArgs e)
    {
        isDragging = false;
        base.OnMouseUp(e);
    }
}

Open in new window

0
 
wht1986Commented:
do you mean changing the location of the image in a picture box, e.g. specifying the image displayed is c:\temp\pic1.gif? or do you mean, the picture box should now be at a new location, e.g. 200 pixels from the top and 300 pixels from the left on the form?
0
 
yaron89Author Commented:
I mean dragging it to a new location on the form.
0
 
wht1986Commented:
You can use the mouse up/down.move events like below
private bool isDragging = false;
        private int currentX, currentY;
 
        private void Form1_Load(object sender, EventArgs e)
        {
            // load from some config file if needed for last set position
        }
        
        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            isDragging = true;
            currentX = e.X;
            currentY = e.Y;
        }
 
        private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
        {
            if (isDragging)
            {
                this.pictureBox1.Top = this.pictureBox1.Top + (e.Y - currentY);
                this.pictureBox1.Left = this.pictureBox1.Left + (e.X - currentX);
            }
        }
 
        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {
            isDragging = false;
            // save the current values to some config file if needed
        }

Open in new window

0
 
yaron89Author Commented:
Thank You
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.