How to encapsulate mouse drag events in WPF?

In WPF, you can implement mouse drag functionality by encapsulating the MouseLeftButtonDown, MouseLeftButtonUp, and MouseMove events. Here is a simple example:

public class DraggableControl : Control
{
    private bool isDragging = false;

    public DraggableControl()
    {
        this.MouseLeftButtonDown += DraggableControl_MouseLeftButtonDown;
        this.MouseLeftButtonUp += DraggableControl_MouseLeftButtonUp;
        this.MouseMove += DraggableControl_MouseMove;
    }

    private void DraggableControl_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed)
        {
            isDragging = true;
            this.CaptureMouse();
        }
    }

    private void DraggableControl_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        if (isDragging)
        {
            isDragging = false;
            this.ReleaseMouseCapture();
        }
    }

    private void DraggableControl_MouseMove(object sender, MouseEventArgs e)
    {
        if (isDragging)
        {
            Point currentPosition = e.GetPosition(this.Parent as UIElement);
            Canvas.SetLeft(this, currentPosition.X - (this.ActualWidth / 2));
            Canvas.SetTop(this, currentPosition.Y - (this.ActualHeight / 2));
        }
    }
}

By using the DraggableControl class, you can easily add mouse drag functionality to any WPF control. Simply declare DraggableControl in the XAML file to replace the original control.

Leave a Reply 0

Your email address will not be published. Required fields are marked *


广告
Closing in 10 seconds
bannerAds