Use Mouse events to control animation : Mouse « Events « Silverlight






Use Mouse events to control animation

Use Mouse events to control animation
   

<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'>

    <UserControl.Resources>
        <Storyboard x:Name="storyboard">
            <ColorAnimation
              x:Name="colorAnimation"
              Duration="0:0:3"
              Storyboard.TargetName="rectColor"
              Storyboard.TargetProperty="Color"
              />
        </Storyboard>
    </UserControl.Resources>

    <Canvas>
        <Rectangle x:Name="rect" Width="100" Height="100">
            <Rectangle.Fill>
                <SolidColorBrush x:Name="rectColor" Color="Blue"/>
            </Rectangle.Fill>
        </Rectangle>
    </Canvas>

</UserControl>

            
//File: Page.xaml.cs
using System;
using System.Collections.Generic;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;
using System.Windows.Media.Animation;
namespace SilverlightApplication3
{
  public partial class MainPage : UserControl
  {

    public MainPage(){
      InitializeComponent();
      rect.MouseEnter += OnMouseEnter;
      rect.MouseLeave += OnMouseLeave;
    }

    void OnMouseEnter(object sender, MouseEventArgs e)
    {
      ColorAnimation colorAnimation = (ColorAnimation)FindName("colorAnimation");
      Storyboard storyboard = (Storyboard)FindName("storyboard");
      colorAnimation.To = Colors.Red;
      storyboard.Begin();
    }
    void OnMouseLeave(object sender, MouseEventArgs e)
    {
      ColorAnimation colorAnimation = (ColorAnimation)FindName("colorAnimation");
      Storyboard storyboard = (Storyboard)FindName("storyboard");
      colorAnimation.To = Colors.Blue;
      storyboard.Begin();
     }

  }
}
            

   
    
    
  








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.Mouse down, up and moved eventsMouse down, up and moved events
6.The mouse-related event handlers for implementing drag-and-dropThe mouse-related event handlers for implementing drag-and-drop