Code Animation Accelerate Decelerate : Speed Animation « Windows Presentation Foundation « C# / CSharp Tutorial






<Window x:Class="SimpleCodeAnimation.AccelerateDecelerate"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Acceleration and Deceleration" Height="300" Width="300">
    <Grid>
      <Ellipse Name="myEllipse" Fill="Red" Height="100" Width="10" />
    </Grid>
</Window>
//File:Window.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 SimpleCodeAnimation
{
    public partial class AccelerateDecelerate : System.Windows.Window
    {
        public AccelerateDecelerate()
        {
            InitializeComponent();
        }
        protected override void OnMouseDown(MouseButtonEventArgs e)
        {
            DoubleAnimation animate = new DoubleAnimation();
            animate.By = 100;
            animate.Duration = new Duration(TimeSpan.FromSeconds(3));

            animate.AccelerationRatio = 0.2;
            animate.DecelerationRatio = 0.1;

            myEllipse.BeginAnimation(Ellipse.WidthProperty, animate);
        }
    }
}
WPF Code Animation Accelerate Decelerate








24.110.Speed Animation
24.110.1.Animation with a fast speedAnimation with a fast speed
24.110.2.Animation with a slow speedAnimation with a slow speed
24.110.3.Animation that accelerates through 50% of its durationAnimation that accelerates through 50% of its duration
24.110.4.Animation that decelerates through 50% of its durationAnimation that decelerates through 50% of its duration
24.110.5.Velocity animationVelocity animation
24.110.6.Code Animation Accelerate DecelerateCode Animation Accelerate Decelerate