c# - 根据鼠标位置移动 wpf 按钮但它闪烁

Question

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

XAML 代码下方，

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

计算机科学，

    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;
        }
    }

有没有人可以提供您的建议？

Answer 1

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

您正在使用鼠标相对于 Button 控件的位置来变换控件的 X 和 Y 位置，每次应用变换时该位置都会发生变化。每次按钮位置改变时，您的 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;