Mouse down, up and moved events : Mouse « Events « Silverlight






Mouse down, up and moved events

Mouse down, up and moved events
   

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <Grid x:Name="LayoutRoot" Background="White">
        <Canvas Width="400" Height="300" Background="Wheat">
            <Ellipse Canvas.Top="0" Fill="Black" Width="20" Height="20" MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" MouseLeftButtonUp="Ellipse_MouseLeftButtonUp" MouseMove="Ellipse_MouseMove" />
            <Ellipse Canvas.Top="40" Fill="Black" Width="20" Height="20" MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" MouseLeftButtonUp="Ellipse_MouseLeftButtonUp" MouseMove="Ellipse_MouseMove" />
            <Ellipse Canvas.Top="80" Fill="Black" Width="20" Height="20" MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" MouseLeftButtonUp="Ellipse_MouseLeftButtonUp" MouseMove="Ellipse_MouseMove" />
            <Ellipse Canvas.Top="120" Fill="Black" Width="20" Height="20" MouseLeftButtonDown="Ellipse_MouseLeftButtonDown" MouseLeftButtonUp="Ellipse_MouseLeftButtonUp" MouseMove="Ellipse_MouseMove" />
        </Canvas>
    </Grid>
</UserControl>


//File: Page.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        double beginX = 0;
        double beginY = 0;
        bool isMouseDown = false;

        public MainPage()
        {
            InitializeComponent();
        }

        private void Ellipse_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Ellipse b = sender as Ellipse;
            beginX = e.GetPosition(this).X;
            beginY = e.GetPosition(this).Y;
            isMouseDown = true;
            b.CaptureMouse();

        }

        private void Ellipse_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Ellipse b = sender as Ellipse;
            isMouseDown = false;
            b.ReleaseMouseCapture();

        }

        private void Ellipse_MouseMove(object sender, MouseEventArgs e)
        {
            if (isMouseDown)
            {
                Ellipse b = sender as Ellipse;
                double currX = e.GetPosition(this).X;
                double currY = e.GetPosition(this).Y;
                b.SetValue(Canvas.LeftProperty, currX);
                b.SetValue(Canvas.TopProperty, currY);
            }

        }
    }
}

   
    
    
  








Related examples in the same category

1.Grid MouseMoveGrid MouseMove
2.Grid MouseLeftButtonDownGrid MouseLeftButtonDown
3.Grid MouseLeftButtonUpGrid MouseLeftButtonUp
4.Attaches a MouseEnter Event Handler to a TextBlock Silverlight ControlAttaches a MouseEnter Event Handler to a TextBlock Silverlight Control
5.Use Mouse events to control animationUse Mouse events to control animation
6.The mouse-related event handlers for implementing drag-and-dropThe mouse-related event handlers for implementing drag-and-drop