0

我正在编写一个 silverlight 应用程序，其中有一个要求，我需要在图像上绘制矩形并随着鼠标移动移动它。我可以通过按住鼠标左键来移动矩形，但现在我需要在不单击或按住鼠标左键的情况下移动。

我见过很多例子，但它们都实现了鼠标左键单击时的移动形状和矩形，这绝对不是我的要求。

我尝试了很多方法，但无法做到正确。以下是我目前所做的代码。任何建议都会受到欢迎。

XAML

    <Canvas x:Name="draw"  Grid.Column="0" Background="Transparent" 
            Margin="0,0,0,150" Grid.RowSpan="2">

        <Rectangle x:Name="SquareBlue" Width="100" Height="100" Canvas.Top="155" Canvas.Left="268" Fill="Transparent" Stroke="Black" StrokeThickness="2" />
    </Canvas>

        <Image x:Name="myImage" Height="100"/>
        <TextBox x:Name="X" Margin="0,0,110,0"></TextBox>
        <TextBox x:Name="Y" Margin="0,0,110,0"/>
        <Image x:Name="pictureBox1" Height="100"/>

代码背后

    Boolean isMouseCaptured;
    Double mouseX;
    Double mouseY;
    Int32 zIndex = 0;

    private void Shape_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        Shape s = sender as Shape;            
        isMouseCaptured = false;            
        s.ReleaseMouseCapture();            
        mouseY = -1;            
        mouseX = -1;  
    }

    private void Shape_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        Shape s = sender as Shape;
        mouseY = e.GetPosition(null).Y;
        mouseX = e.GetPosition(null).X;
        isMouseCaptured = true;
        s.CaptureMouse();

        s.SetValue(Canvas.ZIndexProperty, zIndex);
        zIndex++;
    }

    private void Shape_MouseMove(object sender, MouseEventArgs e)
    {
        if (isMouseCaptured)
        {
            Shape s = sender as Shape; 
            double deltaY = e.GetPosition(null).Y - mouseY; 
            double deltaX = e.GetPosition(null).X - mouseX; 
            double newTop = deltaY + (double)s.GetValue(Canvas.TopProperty); 
            double newLeft = deltaX + (double)s.GetValue(Canvas.LeftProperty);

            s.SetValue(Canvas.TopProperty, newTop); 
            s.SetValue(Canvas.LeftProperty, newLeft);

            mouseY = e.GetPosition(null).Y; 
            mouseX = e.GetPosition(null).X;

            X.Text = mouseX.ToString();
            Y.Text = mouseY.ToString();
    }
4

1 回答 1

0

您可能需要考虑触发 Shape_MouseMove 时捕获的形状。然后，在画布/窗口上的每一次鼠标移动都会将形状移动到鼠标光标的中心。然后，您必须决定何时发布它：

  1. 通过检测鼠标何时离开画布/窗口。
  2. 使用按钮显式释放。
  3. 检查 mouseMove 事件之间的时间。如果经过 1 秒，则处于不存在且无法在 mouseMove 中捕获形状的逻辑状态。只有当鼠标变形时，才恢复正常状态。所以用户将失去移动，必须再次将光标移出并再次捕获。
  4. 另外，当进入3中描述的状态时，启动一个计时器，然后如果一秒钟后光标在形状上，重新捕获。
于 2013-10-08T16:52:27.203 回答