Use DoubleUsingKeyframes to control animation : DoubleAnimationUsingKeyFrames « Animations « Silverlight






Use DoubleUsingKeyframes to control animation

Use DoubleUsingKeyframes 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'>
    <Canvas x:Name="LayoutRoot" Background="White" >
        <Rectangle Height="122" Width="248" Canvas.Left="59" Canvas.Top="153" Fill="#FF434343" RadiusY="13" RadiusX="13" RenderTransformOrigin="0.5,0.5" x:Name="Rectangle">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
    </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
    {

        private Storyboard MoveRight = new Storyboard();

        public MainPage()
        {
            InitializeComponent();

            DoubleAnimationUsingKeyFrames Anim = new DoubleAnimationUsingKeyFrames();
            Storyboard.SetTargetName(Anim, "Rectangle");
            Anim.SetValue(Storyboard.TargetPropertyProperty, new PropertyPath("(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)"));
            Anim.BeginTime = new TimeSpan(0, 0, 0);
            SplineDoubleKeyFrame SKeyFrame = new SplineDoubleKeyFrame();
            SKeyFrame.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0.5));
            SKeyFrame.Value = 150;
            Anim.KeyFrames.Add(SKeyFrame);
            MoveRight.Children.Add(Anim);

            DoubleAnimationUsingKeyFrames YAnim = new DoubleAnimationUsingKeyFrames();
            Storyboard.SetTargetName(YAnim, "Rectangle");
            YAnim.SetValue(Storyboard.TargetPropertyProperty, new PropertyPath("(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)"));
            YAnim.BeginTime = new TimeSpan(0, 0, 0);
            SplineDoubleKeyFrame SKeyFrame1 = new SplineDoubleKeyFrame();
            SKeyFrame1.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0.5));
            SKeyFrame1.Value = 150;
            YAnim.KeyFrames.Add(SKeyFrame1);
            MoveRight.Children.Add(YAnim);

            MoveRight.FillBehavior = FillBehavior.Stop;

            LayoutRoot.Resources.Add("MoveRight", MoveRight);
            Rectangle.MouseEnter += new MouseEventHandler(Rectangle_MouseEnter);
        }

        private void Rectangle_MouseEnter(object sender, MouseEventArgs e)
        {
            MoveRight.Begin();
        }
    }
}

   
    
    
    
  








Related examples in the same category

1.Animation with DoubleAnimationUsingKeyFramesAnimation with DoubleAnimationUsingKeyFrames
2.DoubleAnimationUsingKeyFrames DemoDoubleAnimationUsingKeyFrames Demo
3.DoubleAnimationUsingKeyFrames and SplineDoubleKeyFrameDoubleAnimationUsingKeyFrames and SplineDoubleKeyFrame