4

我试图根据鼠标位置移动按钮，但移动按钮时它会闪烁。请在下面找到代码，

在 XAML 的代码下方，

        <Button Name="Samplebutton"
                PreviewMouseDown="Samplebutton_PreviewMouseDown"
                PreviewMouseUp="Samplebutton_PreviewMouseUp"
                PreviewMouseMove="Samplebutton_PreviewMouseMove"
                Content="Moving" Width="100" Height="35"/>

CS，

    private bool m_IsPressed = false;

    private void Samplebutton_PreviewMouseDown(object sender, MouseButtonEventArgs e)
    {
        if (e.ChangedButton == MouseButton.Left)
        {
            m_IsPressed = true;
        }
        else
        {
            m_IsPressed = false;
        }
    }

    private void Samplebutton_PreviewMouseUp(object sender, MouseButtonEventArgs e)
    {
        m_IsPressed = false;
    }

    private void Samplebutton_PreviewMouseMove(object sender, MouseEventArgs e)
    {
        if (m_IsPressed)
        {
            TranslateTransform transform = new TranslateTransform();
            transform.X = Mouse.GetPosition(sender as Button).X;
            transform.Y = Mouse.GetPosition(sender as Button).Y;
            this.Samplebutton.RenderTransform = transform;
        }
    }

有人请提供您的建议吗？

4

2 回答 2

3

您的“闪烁”是由PreviewMouseMove处理程序中的转换引起的。

您正在转换控件的 X 和 Y 位置，使用鼠标相对于 Button 控件的位置，每次应用转换时都会改变。每次按钮位置改变时，你的Mouse.GetPosition(sender as Button).X&Y都会返回不同的值，导致按钮再次改变位置，以此类推。

Grid解决此问题的一种方法是从父元素（例如，Canvas具有固定位置）获取鼠标位置：

<Grid Name="myGrid">
    <Button Name="Samplebutton"
            PreviewMouseDown="Samplebutton_PreviewMouseDown"
            PreviewMouseUp="Samplebutton_PreviewMouseUp"
            PreviewMouseMove="Samplebutton_PreviewMouseMove"
            Content="Moving" Width="100" Height="35"/>
</Grid>

和

private void Samplebutton_PreviewMouseMove(object sender, MouseEventArgs e)
    {
        if (m_IsPressed)
        {
            TranslateTransform transform = new TranslateTransform();
            transform.X = Mouse.GetPosition(myGrid).X;
            transform.Y = Mouse.GetPosition(myGrid).Y;
            this.Samplebutton.RenderTransform = transform;
        }
    }

这不会是世界上最漂亮的东西，因为它会从左上角“抓住”按钮，但您可以调整位置以获得您想要的行为。

祝你好运。

编辑：如果您不想明确命名要用于相对位置的元素，您应该能够通过查询sender对象来选择直接父级：

transform.X = Mouse.GetPosition((sender as Button).Parent as FrameworkElement).X;
于 2013-06-25T11:25:32.020 回答
1 
 private void button_PreviewMouseDown_1(object sender, MouseButtonEventArgs e)
    {
        button.CaptureMouse();
    }

    private void button_PreviewMouseUp_1(object sender, MouseButtonEventArgs e)
    {
        button.ReleaseMouseCapture();
    }

    private void button_PreviewMouseMove_1(object sender, MouseEventArgs e)
    {

        if (button.IsMouseCaptured)
        {
            Canvas.SetLeft(button, e.GetPosition(this).X);
            Canvas.SetTop(button, e.GetPosition(this).Y);

        }
    }
于 2013-06-25T11:37:38.813 回答