TranslateTransform and DoubleAnimation : DoubleAnimation « Windows Presentation Foundation « C# / CSharp Tutorial






<Window x:Class="_360Timer.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Concentric Rings" Width="910" Height="512">
  <Canvas Name="MainCanvas" Background="#FFE0E0E0"/>
</Window>
//File:Window.xaml.cs
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Media;
using System.Windows.Shapes;
using System.Windows.Media.Animation;

namespace _360Timer
{

    public partial class Window1 : Window
    {
         public Window1()
        {
            InitializeComponent();

            this.Show();

            for (int i = 0; i < 24; ++i)
            {
                Ellipse e = new Ellipse();
                e.Stroke = new SolidColorBrush(Color.FromArgb(5, 2, 200, 100));
                e.StrokeThickness = 20;
                e.Width = 10.0;
                e.Height = 20.0;

                this.MainCanvas.Children.Add(e);                

                e.SetValue(Canvas.LeftProperty, 300);
                e.SetValue(Canvas.TopProperty, 400);

                double duration = 6.0 ;
                double delay = 1.0 ;

                TranslateTransform offsetTransform = new TranslateTransform();
                
                DoubleAnimation offsetXAnimation = new DoubleAnimation(0.0, -256.0, new Duration(TimeSpan.FromSeconds(duration)));
                offsetXAnimation.RepeatBehavior = RepeatBehavior.Forever;
                offsetXAnimation.BeginTime = TimeSpan.FromSeconds(delay);
                offsetTransform.BeginAnimation(TranslateTransform.XProperty, offsetXAnimation);
                offsetTransform.BeginAnimation(TranslateTransform.YProperty, offsetXAnimation);

                e.RenderTransform = offsetTransform;




            }
        }
    }
}
WPF Translate Transform And Double Animation








24.115.DoubleAnimation
24.115.1.Remove aniamtion with RemoveStoryboardRemove aniamtion with RemoveStoryboard
24.115.2.Animated transformAnimated transform
24.115.3.Create DoubleAnimation and Animate a Button with Button.BeginAnimation and Button.WidthPropertyCreate DoubleAnimation and Animate a Button with Button.BeginAnimation and Button.WidthProperty
24.115.4.DoubleAnimation Loop foreverDoubleAnimation Loop forever
24.115.5.DoubleAnimation Loop three timesDoubleAnimation Loop three times
24.115.6.DoubleAnimation Loop for 30 secondsDoubleAnimation Loop for 30 seconds
24.115.7.TranslateTransform and DoubleAnimationTranslateTransform and DoubleAnimation
24.115.8.Path Animation with DoubleAnimationUsingPath, AutoReversePath Animation with DoubleAnimationUsingPath, AutoReverse
24.115.9.Animated Text TransformAnimated Text Transform
24.115.10.Markup for navigation transition animationsMarkup for navigation transition animations