Use DoubleAnimation to animate Gradient Offset : DoubleAnimation « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. DoubleAnimation

Use DoubleAnimation to animate Gradient Offset

       

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Animation">
    <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
      <Button Padding="30">
        OK
        <Button.Background>
          <LinearGradientBrush>
            <GradientStop Color="Blue" Offset="0"/>
            <GradientStop Color="Red" Offset="0.5"/>
            <GradientStop Color="Blue" Offset="1"/>
          </LinearGradientBrush>
        </Button.Background>
        <Button.Triggers>
          <EventTrigger RoutedEvent="Button.Loaded">
            <EventTrigger.Actions>
              <BeginStoryboard>
                <Storyboard>
                  <DoubleAnimation From="0" To="1" Duration="0:0:2"
                  Storyboard.TargetProperty="Background.GradientStops[1].Offset"
                  AutoReverse="True" RepeatBehavior="Forever"/>
                </Storyboard>
              </BeginStoryboard>
            </EventTrigger.Actions>
          </EventTrigger>
        </Button.Triggers>
      </Button>
    </Canvas>
</Window>

   
    
    
    
    
    
    
  

Related examples in the same category

1.	DoubleAnimation Loop forever
2.	DoubleAnimation Loop three times
3.	DoubleAnimation Loop for 30 seconds
4.	Path Animation with DoubleAnimation Using Path, AutoReverse