Mega Code Archive

 
Categories / Silverlight / Animations
 

Color Key Frame Animation Example

<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'>     <Canvas x:Name="LayoutRoot"              Background="White"             Loaded="LayoutRoot_Loaded">         <Canvas.Resources>             <Storyboard x:Name="AnimationController">                 <ColorAnimationUsingKeyFrames BeginTime="00:00:00"                                               Storyboard.TargetName="Ball"                                                                                             Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">                     <LinearColorKeyFrame Value="Blue" KeyTime="00:00:05" />                     <DiscreteColorKeyFrame Value="Red" KeyTime="00:00:10" />                     <SplineColorKeyFrame Value="Yellow" KeySpline="0.1,0.0  0.8,0.0"                                           KeyTime="00:00:13" />                 </ColorAnimationUsingKeyFrames>             </Storyboard>         </Canvas.Resources>         <Ellipse x:Name="Ball"                  Width="100"                  Height="100"                  Canvas.Left="200"                  Canvas.Top="200"                  Fill="Yellow"/>     </Canvas> </UserControl> //File: Page.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Net; 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     {         public MainPage()         {             InitializeComponent();         }         private void LayoutRoot_Loaded(object sender, RoutedEventArgs e)         {             AnimationController.Begin();         }     } }