Animated GradientStop Color with ColorAnimation : Color Animation « Windows Presentation Foundation « VB.Net Tutorial

1. VB.Net Tutorial
2. Windows Presentation Foundation
3. Color Animation

<Window x:Class="WpfApplication1.ShapesWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ShapesWindow" Height="160" Width="400">

      <Window.Resources>
        <Style TargetType="{x:Type TextBlock}">
          <Setter Property="Background" Value="White" />
          <Setter Property="Padding" Value="10" />
          <Setter Property="BitmapEffect">
            <Setter.Value>
              <OuterGlowBitmapEffect GlowColor="White" />
            </Setter.Value>
          </Setter>
        </Style>
        <Style TargetType="{x:Type Rectangle}">
          <Setter Property="BitmapEffect">
            <Setter.Value>
              <DropShadowBitmapEffect />
            </Setter.Value>
          </Setter>
        </Style>
      </Window.Resources>
    <StackPanel>

        <Rectangle Width="200" Height="100" Stroke="Black" StrokeThickness="1" Margin="10">
          <Rectangle.Fill>
            <RadialGradientBrush>
              <GradientStop Color="MediumBlue" Offset="0.0" />
              <GradientStop x:Name="gradientStopB2" Color="Purple" Offset="0.5" />
              <GradientStop Color="Red" Offset="1.0" />
            </RadialGradientBrush>
          </Rectangle.Fill>

          <Rectangle.Triggers>
            <EventTrigger RoutedEvent="Rectangle.MouseLeftButtonDown">
              <BeginStoryboard>
                <Storyboard>
                  <ColorAnimation 
                    Storyboard.TargetName="gradientStopB2"
                    Storyboard.TargetProperty="Color"
                    From="Purple" To="Yellow" Duration="0:0:3" FillBehavior="Stop" />
                </Storyboard>
              </BeginStoryboard>
            </EventTrigger>
          </Rectangle.Triggers>
        </Rectangle>

    </StackPanel>
</Window>

16.108.Color Animation
	16.108.1.	Animated GradientStop Offset with DoubleAnimation
	16.108.2.	Animated GradientStop Color with ColorAnimation
	16.108.3.	Animated GradientStop Opacity ColorAnimation.By
	16.108.4.	Animated GradientOrigin
	16.108.5.	Animating Color
	16.108.6.	Animating Gradient Offset
	16.108.7.	Animate GradientStop
	16.108.8.	Opacity Animation
	16.108.9.	Animation LinearGradientBrush
	16.108.10.	Use ColorAnimation to animate background