Color Key Frame Animation Example : DiscreteDoubleKeyFrame « Animations « Silverlight






Color Key Frame Animation Example

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();
        }
    }
}

   
    
    
    
  








Related examples in the same category

1.Use a discrete key frame animation to jump from one position to another without any interpolationUse a discrete key frame animation to jump from one position to another without any interpolation
2.Animation with Discrete Key Frames
3.Use DiscreteKeyframe to control animationUse DiscreteKeyframe to control animation