Animation LinearGradientBrush : Color Animation « Windows Presentation Foundation « VB.Net Tutorial






<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

    <Ellipse Height="100" Width="200">
      <Ellipse.Fill>
        <LinearGradientBrush x:Name="gradientBrush" StartPoint="0,0" EndPoint="1,0">
          <GradientStop Color="Red" />
          <GradientStop Color="Blue" Offset="1" />
        </LinearGradientBrush>
      </Ellipse.Fill>
    
      <Ellipse.Triggers>
        <EventTrigger RoutedEvent="Ellipse.Loaded">
          <BeginStoryboard>
            <Storyboard>    
                
                <ColorAnimation Storyboard.TargetName="gradientBrush"
                    Storyboard.TargetProperty="(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)"
                    To="Green" Duration="0:0:4" />
        
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Ellipse.Triggers>
    </Ellipse>

</Page>
WPF Animation Linear Gradient Brush








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