Ad:

C# Discussion Thread
Marked Solved
Views: 3058

Jul 23rd, 2009

Draggable Panel

Expand Post »

Hi all,

I'm using the following code at the moment to get a panel to drag across the form:

C# Syntax (Toggle Plain Text)
private void panel1_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
 
                Point newLoc = new Point(e.X+panel1.Location.X, e.Y+panel1.Location.Y);
                panel1.Location = newLoc;
 
            }
        }
private void panel1_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                
                Point newLoc = new Point(e.X+panel1.Location.X, e.Y+panel1.Location.Y);
                panel1.Location = newLoc;
                
            }
        }

I had to put the +panel1.Location.X parts in there otherwise it flashes twice on the screen when moving.

The method I am using is working fine, but it always snaps to the top left hand corner of the panel.

Any ideas how I can get around this?

Thanks

Similar Threads

Intel mainboard D845HV, front panel configuration in Motherboards, CPUs and RAM
Making a graphics component draggable in Java
Help! Can't browse, use control panel or Explorer in Viruses, Spyware and other Nasties
Drawing A Table On A Container(Panel) in Java
ActionListeners on the components of a panel in Java

nlblnx

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Aug 2008

Permalink

Jul 23rd, 2009

Re: Draggable Panel

Try this:

c# Syntax (Toggle Plain Text)
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
 
namespace daniweb
{
  public partial class frmPanel : Form
  {
    private Point start;
 
    public frmPanel()
    {
      InitializeComponent();
    }
 
    private void panel1_MouseDown(object sender, MouseEventArgs e)
    {
      if (e.Button == MouseButtons.Left)
      {
        start = e.Location;
        panel1.MouseUp += new MouseEventHandler(panel1_MouseUp);
        panel1.MouseMove += new MouseEventHandler(panel1_MouseMove);
      }
    }
 
    void panel1_MouseUp(object sender, MouseEventArgs e)
    {
      panel1.MouseMove -= new MouseEventHandler(panel1_MouseMove);
      panel1.MouseUp -= new MouseEventHandler(panel1_MouseUp);
    }
 
    void panel1_MouseMove(object sender, MouseEventArgs e)
    {
      panel1.Location = new Point(panel1.Location.X-(start.X-e.X), panel1.Location.Y-(start.Y - e.Y));
    }
  }
}
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace daniweb
{
  public partial class frmPanel : Form
  {
    private Point start;

    public frmPanel()
    {
      InitializeComponent();
    }

    private void panel1_MouseDown(object sender, MouseEventArgs e)
    {
      if (e.Button == MouseButtons.Left)
      {
        start = e.Location;
        panel1.MouseUp += new MouseEventHandler(panel1_MouseUp);
        panel1.MouseMove += new MouseEventHandler(panel1_MouseMove);
      }
    }

    void panel1_MouseUp(object sender, MouseEventArgs e)
    {
      panel1.MouseMove -= new MouseEventHandler(panel1_MouseMove);
      panel1.MouseUp -= new MouseEventHandler(panel1_MouseUp);
    }

    void panel1_MouseMove(object sender, MouseEventArgs e)
    {
      panel1.Location = new Point(panel1.Location.X-(start.X-e.X), panel1.Location.Y-(start.Y - e.Y));
    }
  }
}

Assign the MouseDown event in the IDE. The rest of the events are handled in code.

Last edited by sknake; Jul 23rd, 2009 at 3:46 pm.

sknake

Featured Poster

Reputation Points: 1749

Solved Threads: 735

Senior Poster

Offline

3,948 posts
since Feb 2009

Permalink

Jul 23rd, 2009

Re: Draggable Panel

Oh and to stop them from moving the panel off of the form look in to Cursor.Clip so you can constrain the movement of the cursor to an area that is on the form. That gets a little more complicated

You can generalize the code I posted above to use a Control reference instead of the panel so you can, BeginDragging(Control), Dragging(Control), EndDragging(Control) so you can reuse the same code for all controls on the form. Just a thought.

sknake

Featured Poster

Reputation Points: 1749

Solved Threads: 735

Senior Poster

Offline

3,948 posts
since Feb 2009

Permalink

Jul 23rd, 2009

Re: Draggable Panel

on Mouse down, capture the current mouse & panel position.

Then on Mouse move, calculate the delta mouse position. Then calculate the new panel position based on the delta mouse and captured panel position.

dlhale

Reputation Points: 12

Solved Threads: 1

Newbie Poster

Offline

10 posts
since Nov 2008

Permalink

Jul 23rd, 2009

Re: Draggable Panel

Thanks everyone! I got it working really well. i'll give the Cursor.Clip a go too. Do you have a quick example of just restricting the movement to the form (so the edges can't go past, etc)?

Can you do this sort of thing in asp easily too?

Last edited by nlblnx; Jul 23rd, 2009 at 7:07 pm.

nlblnx

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Aug 2008

Permalink

Jul 23rd, 2009

Re: Draggable Panel

That is an entirely different subject. It is possible but I don't know how to go about.

Please mark this thread as solved if you have found a solution to your question and good luck!

sknake

Featured Poster

Reputation Points: 1749

Solved Threads: 735

Senior Poster

Offline

3,948 posts
since Feb 2009

Permalink

Jul 23rd, 2009

Re: Draggable Panel

Click to Expand / Collapse Quote originally posted by sknake ...

That is an entirely different subject. It is possible but I don't know how to go about.

Please mark this thread as solved if you have found a solution to your question and good luck!

Will do and thanks again!

nlblnx

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Aug 2008

Permalink

Sep 22nd, 2010

Cursor Clipping

Just use this code

C# Syntax (Toggle Plain Text)
//In my case, I want to drag a label around a panel.
Cursor.Clip = new Rectangle(panel.location, panel1.size);
//In my case, I want to drag a label around a panel.
Cursor.Clip = new Rectangle(panel.location, panel1.size);

Hope this helps

Matt_Lebrao

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Sep 2010

Permalink

Sep 22nd, 2010

Cursor Clipping

UPDATE don't use (in this example) only "panel1.Location" use "form1.Location + panel1.Location" Like this:

C# Syntax (Toggle Plain Text)
Cursor.Clip = new Rectangle(form1.Location + panel.location, Panel.Size);
Cursor.Clip = new Rectangle(form1.Location + panel.location, Panel.Size);

Matt_Lebrao

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Sep 2010

Permalink

Sep 22nd, 2010

UPDATE

Sorry for keep changi the code it's because I wrote before testing it.
This is the final (working) one:

C# Syntax (Toggle Plain Text)
Cursor.Clip = new Rectangle(this.Location.X + panel1.Location.X + 8, this.Location.Y + panel1.Location.Y + 28, panel1.Size.Width, panel1.Size.Height);
Cursor.Clip = new Rectangle(this.Location.X + panel1.Location.X + 8, this.Location.Y + panel1.Location.Y + 28, panel1.Size.Width, panel1.Size.Height);

The + 8 and + 28 is because this.Location doesn't count the form border. the values 8 for X and 28 for Y stand for a default windows vista form.

Last edited by Matt_Lebrao; Sep 22nd, 2010 at 2:18 am. Reason: Update

Matt_Lebrao

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Sep 2010

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in C# Forum Timeline: need help please

Next Thread in C# Forum Timeline: change color of shadow of popup contain ajex. in C#.

DaniWeb Message

Cancel Changes

User Name
Password