当鼠标按下并“粘住”时使对象跟随鼠标鼠标松开时

Question

我正在处理一个 WPF 和 VB.net 项目。我想在视觉上模拟“拖动”对象（尽管出于目的原因我不想使用标准拖放）。

基本上，我有一个标签对象，在其 MouseDown 事件中，我希望它在 640x480 实体大小网格内跟随鼠标光标（但不在其外部！）。请注意，该网格位于全屏窗口的中心。同样，该对象不应跟随网格外部的鼠标（我猜这里是“ClipToBounds = True”）

然后，在标签的 MouseUp 事件中，我希望它保持在当前位置或返回到其原始位置，由另一个对象的 MouseEnter 属性设置的布尔变量的值确定。

请注意，如果使用起来更容易，我可以轻松地将网格更改为画布。我猜这将是可取的。

因此，在冗长的解释之后，这是我的问题（两个）：

1. 如何使对象（标签）跟随网格/画布内的鼠标光标，而不是在其外部？这需要在标签的 MouseDown 事件上发生。

2. 如何使对象“粘”在当前位置？ （由此，我大概可以弄清楚如何让它回到原来的位置。:D）

我投票给任何能帮助我最有效地完成这个目标的人！非常感谢大家。

Answer 1

像这样的东西怎么样：

XAML：

<Canvas x:Name="canv" ToolTip="tt one" Width="400" Height="400" Background="Blue">
    <Rectangle x:Name="rec" Fill="Red" Height="50" Width="50" MouseDown="Rectangle_MouseDown" MouseMove="Rectangle_MouseMove" MouseUp="Rectangle_MouseUp" />
</Canvas>

CODE-BEHIND：

    private bool isDragging;
    private void Rectangle_MouseDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
    {
        rec.CaptureMouse();
        isDragging = true;

    }

    private void Rectangle_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
    {
        if (isDragging)
        {
            Point canvPosToWindow = canv.TransformToAncestor(this).Transform(new Point(0, 0));

            Rectangle r = sender as Rectangle;
            var upperlimit = canvPosToWindow.Y + (r.Height / 2);
            var lowerlimit = canvPosToWindow.Y + canv.ActualHeight - (r.Height / 2);

            var leftlimit = canvPosToWindow.X + (r.Width / 2);
            var rightlimit = canvPosToWindow.X + canv.ActualWidth - (r.Width / 2);


            var absmouseXpos = e.GetPosition(this).X;
            var absmouseYpos = e.GetPosition(this).Y;

            if ((absmouseXpos > leftlimit && absmouseXpos < rightlimit)
                && (absmouseYpos > upperlimit && absmouseYpos < lowerlimit))
            {
                Canvas.SetLeft(r, e.GetPosition(canv).X - (r.Width / 2));
                Canvas.SetTop(r, e.GetPosition(canv).Y - (r.Height / 2));
            }
        }
    }

    private void Rectangle_MouseUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
    {
        rec.ReleaseMouseCapture();
        isDragging = false;
    }

可以增强此代码，但我认为您已经明白了；）

Answer 2

基于@Bruno，这是我的解决方案：

double maxX;
double maxY;

private void OnRectMouseDown(object sender, MouseButtonEventArgs e)
{
    maxX = canv.ActualWidth - rect.Width;
    maxY = canv.ActualHeight - rect.Height;

    rect.CaptureMouse();
    rect.MouseMove += OnRectMouseMove;
    rect.MouseUp += OnRectMouseUp;
}

private void OnRectMouseMove(object sender, MouseEventArgs e)
{
    var pos = e.GetPosition(canv);
    var newX = pos.X - (rect.Width / 2);
    var newY = pos.Y - (rect.Height / 2);

    if (newX < 0) newX = 0;
    if (newX > maxX) newX = maxX;

    if (newY < 0) newY = 0;
    if (newY > maxY) newY = maxY;

    rect.SetValue(Canvas.LeftProperty, newX);
    rect.SetValue(Canvas.TopProperty, newY);

    xVal.Content = (newX / maxX).ToString("F3");
    yVal.Content = (newY / maxY).ToString("F3");
}

private void OnRectMouseUp(object sender, MouseButtonEventArgs e)
{
    rect.ReleaseMouseCapture();
    rect.MouseMove -= OnRectMouseMove;
    rect.MouseUp -= OnRectMouseUp;
}

Answer 3

试试这个：

private void Form1_MouseClick(object sender, MouseEventArgs e)
{
    (name).Location = new Point(e.X,e.Y);
}

这样，如果您单击该对象就会出现在那里