Question

C# 如何实现拖动panel内的picturebox

panel中的picturebox是动态生成的，不只一个，由用户添加。
我想要实现piturebox各绑定一张图片，并且放到panel中还可以自由拖动。

picturebox绑定图片已经实现，关键是放到panel中拖动实现不了，大大们帮忙啊！！

Answer 1

using System;
using System.Drawing;
using System.Collections;
using System.ComponentModel;
using System.Windows.Forms;
using System.Data;
using System.Threading;

namespace 拖动图片
{
/// <summary>
/// Form1 的摘要说明。
/// </summary>
public class Form1 : System.Windows.Forms.Form
{
public System.Windows.Forms.PictureBox[] pictureBox=new PictureBox[2];
//private System.Windows.Forms.PictureBox pictureBox2;
/// <summary>
/// 必需的设计器变量。
/// </summary>
private System.ComponentModel.Container components = null;

public Form1()
{
//
// Windows 窗体设计器支持所必需的
//
InitializeComponent();
for(int i=0;i <2;i++)
{
this.pictureBox[i].MouseUp += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseUp);
this.pictureBox[i].MouseMove += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseMove);
this.pictureBox[i].MouseDown += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseDown);
}

//
// TODO: 在 InitializeComponent 调用后添加任何构造函数代码
//
}

/// <summary>
/// 清理所有正在使用的资源。
/// </summary>
protected override void Dispose( bool disposing )
{
if( disposing )
{
if (components != null)
{
components.Dispose();
}
}
base.Dispose( disposing );
}

#region Windows Form Designer generated code
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
System.Resources.ResourceManager resources = new System.Resources.ResourceManager(typeof(Form1));
this.SuspendLayout();
this.pictureBox[0] = new System.Windows.Forms.PictureBox();
this.pictureBox[1] = new System.Windows.Forms.PictureBox();

//
// pictureBox1
//
this.pictureBox[0].BackColor = System.Drawing.Color.Transparent;
this.pictureBox[0].Image = ((System.Drawing.Image)(resources.GetObject( "pictureBox1.Image ")));
this.pictureBox[0].Location = new System.Drawing.Point(200, 192);
this.pictureBox[0].Name = "pictureBox1 ";
this.pictureBox[0].Size = new System.Drawing.Size(88, 72);
this.pictureBox[0].SizeMode = System.Windows.Forms.PictureBoxSizeMode.StretchImage;
this.pictureBox[0].TabIndex = 0;
this.pictureBox[0].TabStop = false;
/*this.pictureBox[1].MouseUp += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseUp);
this.pictureBox[1].MouseMove += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseMove);
this.pictureBox[1].MouseDown += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseDown);*/
//
// pictureBox2
//
//this.Opacity=0.8;
this.pictureBox[1].BackColor = System.Drawing.Color.DodgerBlue;
this.pictureBox[1].Image = ((System.Drawing.Image)(resources.GetObject( "pictureBox2.Image ")));
this.pictureBox[1].Location = new System.Drawing.Point(200, 72);
this.pictureBox[1].Name = "pictureBox2 ";
this.pictureBox[1].Size = new System.Drawing.Size(88, 64);
this.pictureBox[1].SizeMode = System.Windows.Forms.PictureBoxSizeMode.StretchImage;
this.pictureBox[1].TabIndex = 1;
this.pictureBox[1].TabStop = false;
/*this.pictureBox[2].MouseUp += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseUp);
this.pictureBox[2].MouseMove += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseMove);
this.pictureBox[2].MouseDown += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseDown);
*/

//
// Form1
//
this.AutoScaleBaseSize = new System.Drawing.Size(6, 14);
this.ClientSize = new System.Drawing.Size(432, 348);
this.Controls.Add(this.pictureBox[0]);
this.Controls.Add(this.pictureBox[1]);
this.Name = "Form1 ";
this.Text = "Form1 ";
this.ResumeLayout(false);

}
#endregion

/// <summary>
/// 应用程序的主入口点。
/// </summary>
[STAThread]
static void Main()
{
Application.Run(new Form1());
}

bool whetherSelected=false;
Point p=new Point();

#region 事件代码
private void pictureBox1_MouseDown(object sender, System.Windows.Forms.MouseEventArgs e)
{
whetherSelected=true;
p.X=Cursor.Position.X;
p.Y=Cursor.Position.Y;
}

private void pictureBox1_MouseUp(object sender, System.Windows.Forms.MouseEventArgs e)
{
whetherSelected=false;
}

private void pictureBox1_MouseMove(object sender, System.Windows.Forms.MouseEventArgs e)
{
if(whetherSelected==true)
{
//加入一个函数,得到是哪个pictureBox
int index=-1;
for(int i=0;i <2;i++)
if(this.pictureBox[i].Capture)
index=i;
this.pictureBox[index].Left=this.pictureBox[index].Left+(Cursor.Position.X-p.X);
this.pictureBox[index].Top=this.pictureBox[index].Top+(Cursor.Position.Y-p.Y);

this.pictureBox[1-index].SendToBack();

p.X=Cursor.Position.X;
p.Y=Cursor.Position.Y;
}
}

#endregion

}
}

以前CSDN上用过的一段代码，你用的话，在鼠标点击某个图片的时候，动态获取这个图片的实例，对它做以上动作就可以了。

Answer 2

不仅仅是picturebox，任何控件都可以用以下思路：
在一个容器（一般是form，此处你的是panel）内，任何控件都有自己的position（坐标）和size（大小）
1，你可以获取鼠标点击的位置的坐标（panel的mouseClick事件，不是click事件，MouseDown事件也可以，此处应使用MouseDown事件,
2，然后根据picturebox的坐标和大小来判断此时鼠标点击的坐标是否在picturebox控件上（这逻辑不难吧？自己试试就出来了）
3，在的话就在MouseUp事件中判断此时鼠标的坐标，然后将picturebox控件的坐标改变即可
4，补充：如果你使用MouseMove事件，则picturebox会跟着鼠标移动，这正是你要的结果，不过这样效率没MouseUp事件高

Answer 3

private Point pt = Point.Empty;
private bool pictureBox1Selected = false;
private void Form1_Load(object sender, EventArgs e)
{
this.DoubleBuffered = true;
this.pictureBox1.MouseDown += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseDown);
this.pictureBox1.MouseUp += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseUp);
this.pictureBox1.MouseMove += new System.Windows.Forms.MouseEventHandler(this.pictureBox1_MouseMove);
}
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
pt = Cursor.Position;
pictureBox1Selected = true;
}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
pictureBox1Selected = false;
}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
if (pictureBox1Selected)
{
Point newPoint = new Point();
newPoint.X = pictureBox1.Left + Cursor.Position.X - pt.X;
newPoint.Y = pictureBox1.Top + Cursor.Position.Y - pt.Y;
pictureBox1.Location = newPoint;
pt = Cursor.Position;
}
}

Answer 4

你是web程序的话，建议你用asp.net的webPart
你要想好拖动时，你是把一个picturebox从一个区域拖到另一个区域里；
还是可以拖到任何地方（你怎么考虑图片重叠问题？）。

Answer 5

pictureBox的SizeMode 属性值改为StretchImage
图片大小就可以刚好和pictureBox一样..