根据鼠标位置移动wpf按钮，但它在闪烁

本文关键字：闪烁 按钮 wpf 鼠标 位置 移动 | 更新日期: 2023-09-27 18:19:51

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

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

有人能提供你的建议吗？

根据鼠标位置移动wpf按钮，但它在闪烁

您的"闪烁"是由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;

 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);
        }
    }
相关文章：