用鼠标移动图片框

Question

我正在开发一个适用于 Windows Mobile（Compact Framework 2.0）的应用程序。 它有一个带有 PictureBox 的 WinForms。

我想移动PictureBox的图像，但我不知道该怎么做，所以我选择移动PictureBox的洞。

为此，我使用此事件：

private void imagenMapa_MouseMove(object sender, MouseEventArgs e)
{
      imagenMapa.Left = e.X;
      imagenMapa.Top = e.Y;
      this.Refresh();
}

但是当我移动 PictureBox 时，它会闪烁并移动到各个位置。

我做错了什么？

Answer 1

实际代码（需要 .NET Framework 3.5 及更高版本，不确定在 Compact Framework 中是否可用）...

// Global Variables
private int _xPos;
private int _yPos;
private bool _dragging;

// Register mouse events
pictureBox.MouseUp += (sender, args) =>
{
    var c = sender as PictureBox;
    if (null == c) return;
    _dragging = false;
};

pictureBox.MouseDown += (sender, args) =>
{
    if (args.Button != MouseButtons.Left) return;
    _dragging = true;
    _xPos = args.X;
    _yPos = args.Y;
};

pictureBox.MouseMove += (sender, args) =>
{
    var c = sender as PictureBox;
    if (!_dragging || null == c) return;
    c.Top = args.Y + c.Top - _yPos;
    c.Left = args.X + c.Left - _xPos;
};

Answer 2

eX 和 eY 是相对于图片框的（例如，如果鼠标位于图片框的左上角，则为 0,0）。

imagenMapa.Left 和 imagenMapa.Top 的值是相对于表单（或包含 imagenMapa 的任何控件）的，

如果您尝试混合以下值这两个系统没有转换，你会得到跳跃（就像你所看到的）。

您最好将鼠标位置转换为包含图片框的物体所使用的相同坐标系。

您可以使用 imagenMapa.PointToScreen< /code>获取屏幕坐标中的鼠标坐标（或 Cursor.Position 直接获取位置），以及 yourForm.PointToClient 将它们恢复到表单坐标中。

请注意，根据您的需要，您可以通过覆盖/处理 控件的Paint事件并自己​​绘制图像。 如果这样做，您可以将所有内容保留在图片框坐标中，因为这些可能是您调用 graphicsObject.DrawImage。

Answer 3

eX& eY在pictureBox的坐标空间中，imagenMapa.Left & imagenMapa.Top位于Form的坐标空间中。 :-)

Answer 4

另外不要忘记将表单设置为双缓冲，这可能有助于解决闪烁问题，但对于它的实际定位，我喜欢 Daniel L 的建议

Answer 5

拥抱数学！

control.Left = control.Left - (_lastMousePos.X - currentMousePos.X);
control.Top = control.Top - (_lastMousePos.Y - currentMousePos.Y);

快速解释：
您可以从鼠标位置获得差异并将其应用到您想要移动的对象。

例子：
如果旧的鼠标 X 位置是 382，新的鼠标 X 位置是 385，则差值是 -3。 如果控件当前 X 位置为 10，则 10 - (-3) = 13

为什么：
它适用于任何事情，并且比不断地来回转换坐标要便宜得多。

Answer 6

其实你所做的都是正确的。 但是您将 MouseMove 属性赋予了图片框。 您应该将该属性赋予表单（背景）。

前任：

private void Form1_MouseMove(object sender, MouseEventArgs e)
{
  imagenMapa.Left = e.X;
  imagenMapa.Top = e.Y;
}