Opacity Animation : Color 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 opacityAnimation = new DoubleAnimation(duration-1.0, 0.0, new Duration(TimeSpan.FromSeconds(duration)));
                opacityAnimation.BeginTime = TimeSpan.FromSeconds(delay);
                opacityAnimation.RepeatBehavior = RepeatBehavior.Forever;
                e.BeginAnimation(Ellipse.OpacityProperty, opacityAnimation);

            }
        }
    }
}
WPF Opacity Animation








24.109.Color Animation
24.109.1.Animate RadialGradientAnimate RadialGradient
24.109.2.Animate OpacityAnimate Opacity
24.109.3.Animate GradientStop and Button controlAnimate GradientStop and Button control
24.109.4.Animate the Color of a Brush with Indirect Property TargetingAnimate the Color of a Brush with Indirect Property Targeting
24.109.5.Opacity AnimationOpacity Animation
24.109.6.Animate the background colorAnimate the background color
24.109.7.Animate the brush's RadiusX property.Animate the brush's RadiusX property.