Animating Color with ColorAnimation : Color « Windows Presentation Foundation « VB.Net






Animating Color with ColorAnimation

Animating Color with ColorAnimation
       
<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="1"/>
      </LinearGradientBrush>
    </Button.Background>
    <Button.Triggers>
      <EventTrigger RoutedEvent="Button.Loaded">
        <EventTrigger.Actions>
          <BeginStoryboard>
            <Storyboard TargetProperty="Background.GradientStops[1].Color">
              <ColorAnimation From="Black" To="White" Duration="0:0:2"
              AutoReverse="True" RepeatBehavior="Forever"/>
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger.Actions>
      </EventTrigger>
    </Button.Triggers>
  </Button>
</Canvas>

   
    
    
    
    
    
    
  








Related examples in the same category

1.A Semi-Transparent ButtonA Semi-Transparent Button
2.Use RGB valued semi-transparent color to paint EllipseUse RGB valued semi-transparent color to paint Ellipse
3.Use RGB solid color to paint EllipseUse RGB solid color to paint Ellipse
4.Rainbow color Animation by GradientStops[index].offsetRainbow color Animation by GradientStops[index].offset
5.RadialGradient StarRadialGradient Star
6.ColorConverter and SolidColorBrushColorConverter and SolidColorBrush
7.Ellipse with explicit SolidColorBrushEllipse with explicit SolidColorBrush
8.Use System Colors in Your GraphicsUse System Colors in Your Graphics
9.Use RGB color to fill RectangleUse RGB color to fill Rectangle
10.Use Named color to paint RectangleUse Named color to paint Rectangle
11.Create semi-transparent colorCreate semi-transparent color
12.Three stops LinearGradientBrushThree stops LinearGradientBrush
13.From a Hex string using ColorConverterFrom a Hex string using ColorConverter
14.From ScRGB values in the Color structureFrom ScRGB values in the Color structure
15.From sRGB values in the Color strutcureFrom sRGB values in the Color strutcure
16.Using a LinearGradientBrushUsing a LinearGradientBrush
17.Multiple gradient stopsMultiple gradient stops
18.Numeric color valuesNumeric color values
19.From predefined color name in the Colors classFrom predefined color name in the Colors class
20.Using SystemColors in CodeUsing SystemColors in Code
21.using system colors to create gradientsusing system colors to create gradients