Width and Height animation : Shape Animation « 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 ;

                DoubleAnimation sizeAnimation = new DoubleAnimation(0.0, 512.0, new Duration(TimeSpan.FromSeconds(duration)));
                sizeAnimation.RepeatBehavior = RepeatBehavior.Forever;
                sizeAnimation.BeginTime = TimeSpan.FromSeconds(delay);
                e.BeginAnimation(Ellipse.WidthProperty, sizeAnimation);
                e.BeginAnimation(Ellipse.HeightProperty, sizeAnimation);


            }
        }
    }
}
WPF Width And Height Animation








24.114.Shape Animation
24.114.1.Animate EndPointAnimate EndPoint
24.114.2.Animate StartPointAnimate StartPoint
24.114.3.Animate Ellipse RadiusY, RadiusXAnimate Ellipse RadiusY, RadiusX
24.114.4.Animate Width and Height of a EllipseAnimate Width and Height of a Ellipse
24.114.5.Animate Width and Height of a RectangleAnimate Width and Height of a Rectangle
24.114.6.Width and Height animationWidth and Height animation
24.114.7.An animated Ellipse traces the outline of rendered text by using the path geometry of the text.An animated Ellipse traces the outline of rendered text by using the path geometry of the text.
24.114.8.Animate Fill.RadiusYAnimate Fill.RadiusY