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






<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>
WPF Animated Gradient Stop Color With Color Animation








16.108.Color Animation
16.108.1.Animated GradientStop Offset with DoubleAnimationAnimated GradientStop Offset with DoubleAnimation
16.108.2.Animated GradientStop Color with ColorAnimationAnimated GradientStop Color with ColorAnimation
16.108.3.Animated GradientStop Opacity ColorAnimation.ByAnimated GradientStop Opacity ColorAnimation.By
16.108.4.Animated GradientOriginAnimated GradientOrigin
16.108.5.Animating ColorAnimating Color
16.108.6.Animating Gradient OffsetAnimating Gradient Offset
16.108.7.Animate GradientStopAnimate GradientStop
16.108.8.Opacity AnimationOpacity Animation
16.108.9.Animation LinearGradientBrushAnimation LinearGradientBrush
16.108.10.Use ColorAnimation to animate backgroundUse ColorAnimation to animate background