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

Home
VB.Net
1.2D
2.Application
3.Class
4.Data Structure
5.Data Types
6.Database ADO.net
7.Development
8.Event
9.File Directory
10.Generics
11.GUI
12.Language Basics
13.LINQ
14.Network Remote
15.Security
16.Thread
17.Windows Presentation Foundation
18.Windows System
19.XML
20.XML LINQ
VB.Net Tutorial
VB.Net by API
VB.Net » Windows Presentation Foundation » DoubleAnimationScreenshots 
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
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.