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






Use DoubleAnimation to animate Gradient Offset

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 foreverDoubleAnimation Loop forever
2.DoubleAnimation Loop three timesDoubleAnimation Loop three times
3.DoubleAnimation Loop for 30 secondsDoubleAnimation Loop for 30 seconds
4.Path Animation with DoubleAnimation Using Path, AutoReversePath Animation with DoubleAnimation Using Path, AutoReverse