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