CODEWITHSUNDEEP
c#wpf
user3515205
user3515205

Reputation: 43

Move ellipse on form by mouse

How move ellipse by mouse on window in WPF.

private void ellipse_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
    Ellipse ellipse = sender as Ellipse;
    if (ellipse != null && e.LeftButton == MouseButtonState.Pressed)
    {
        DragDrop.DoDragDrop(ellipse,
                            ellipse.Fill.ToString(),
                            System.Windows.DragDropEffects.Copy);
    }
}

How to create method ellipse_MouseClick?

Upvotes: 4

Views: 2435

Answers (2)

MUG4N
MUG4N

Reputation: 19717

I use three events to accomplish this task:

XAML:

<Window x:Class="WpfPainting.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="500" Width="700" WindowStartupLocation="CenterScreen">
    <DockPanel>
        <Canvas Background="White" Name="CanvasArea"/>
    </DockPanel>
</Window>

Code:

private UIElement source;
private bool captured;
double x_shape, x_canvas, y_shape, y_canvas;
private void ellipse_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Mouse.OverrideCursor = Cursors.SizeAll;
    source = (UIElement)sender;
    Mouse.Capture(source);
    captured = true;
    x_shape = Canvas.GetLeft(source);
    x_canvas = e.GetPosition(CanvasArea).X;
    y_shape = Canvas.GetTop(source);
    y_canvas = e.GetPosition(CanvasArea).Y;
}

private void ellipse_MouseMove(object sender, MouseEventArgs e)
{
    if (captured)
    {
        double x = e.GetPosition(CanvasArea).X;
        double y = e.GetPosition(CanvasArea).Y;
        x_shape += x - x_canvas;
        Canvas.SetLeft(source, x_shape);
        x_canvas = x;
        y_shape += y - y_canvas;
        Canvas.SetTop(source, y_shape);
        y_canvas = y;
    }
}

private void ellipse_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    Mouse.Capture(null);
    captured = false;
    Mouse.OverrideCursor = null;
}

To use the events on a painted ellipse I refer to them like this:

ellipse.MouseLeftButtonDown += conveyor_MouseLeftButtonDown;
ellipse.MouseMove += conveyor_MouseMove;
ellipse.MouseLeftButtonUp += conveyor_MouseLeftButtonUp;

Upvotes: 1

BenVlodgi
BenVlodgi

Reputation: 2185

There is no MouseClick event on Ellipses, however there is the MouseDown and MouseUp events. I assume you are looking for something like this.

WPF:

<Window x:Class="WpfApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Height="350" Width="525"
        MouseMove="Any_MouseMove"
        >
    <Canvas>
        <Ellipse Fill="Lavender" Height="100" Width="100" 
                 MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" 
                 MouseLeftButtonUp="Ellipse_MouseLeftButtonUp" 
                 MouseMove="Any_MouseMove" />
    </Canvas>
</Window>

Code Behind:

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace WpfApplication
{
    public partial class MainWindow : Window
    {
        private UIElement _lastClickedUIElement;
        private Point? _clickOffset;

        public MainWindow() { InitializeComponent(); }

        private void Ellipse_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            _lastClickedUIElement = sender as UIElement;
            _clickOffset = e.GetPosition(_lastClickedUIElement);
        }

        private void Ellipse_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            _lastClickedUIElement = null;
        }

        private void Any_MouseMove(object sender, MouseEventArgs e)
        {
            if (_lastClickedUIElement == null)
                return;

            _lastClickedUIElement.SetValue(Canvas.LeftProperty, e.GetPosition(this).X - _clickOffset.Value.X);
            _lastClickedUIElement.SetValue(Canvas.TopProperty, e.GetPosition(this).Y - _clickOffset.Value.Y);
        }
    }
}

Click on the circle to move it around. This will work on any UI element as long as long as you give them those methods. feel free to add a Rectangle to the canvas also.

<Rectangle Fill="Lavender" Height="100" Width="100" 
         MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" 
         MouseLeftButtonUp="Ellipse_MouseLeftButtonUp" 
         MouseMove="Any_MouseMove" />

Upvotes: 4

Related Questions