Brush animation : Animations « Animations « Silverlight

1. Silverlight
2. Animations
3. Animations

Brush animation

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
  <UserControl.Resources>
      
        <Storyboard x:Name="ellipseStoryboard">
          <PointAnimation Storyboard.TargetName="ellipseBrush"
   Storyboard.TargetProperty="GradientOrigin"
   From="0.7,0.3" To="0.3,0.7" Duration="0:0:10" AutoReverse="True"
   RepeatBehavior="Forever">
          </PointAnimation>
      <ColorAnimation Storyboard.TargetName="ellipseBrushStop"
   Storyboard.TargetProperty="Color"
   To="Yellow" Duration="0:0:10" AutoReverse="True"
   RepeatBehavior="Forever">
      </ColorAnimation>
    </Storyboard>
      </UserControl.Resources>

  
    <Grid x:Name="LayoutRoot" Background="White">
    
    <Ellipse x:Name="ellipse" Margin="5" Grid.Row="1" Stretch="Uniform">
      <Ellipse.Fill>
        <RadialGradientBrush x:Name="ellipseBrush"
     RadiusX="1" RadiusY="1" GradientOrigin="0.7,0.3">
          <GradientStop x:Name="ellipseBrushStop" Color="White" Offset="0"></GradientStop>
          <GradientStop Color="Blue" Offset="1"></GradientStop>
        </RadialGradientBrush>
      </Ellipse.Fill>
    </Ellipse>
  </Grid>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	Using Simple Animations with Objects
2.	Controlling Animations Programmatically
3.	Creating from to Animations
4.	Rectangles and Multiple Animation Effects
5.	Chained Animation Effects
6.	Point Animation Effects
7.	Starting an animation with a trigger
8.	Create a bounce animation
9.	Move a rectangle from position (0,0) to position (300,0) in 5 seconds
10.	Enlarge Button In Xaml
11.	Two Animations
12.	Animation without acceleration or deceleration
13.	Animation with a slow speed
14.	Animate EndPoint
15.	Animate StartPoint
16.	XAML Only Animation
17.	Four Sided Bounce
18.	Start the animation with Path is loaded
19.	Control the animation from code
20.	Wipe out an Image
21.	Rotating button
22.	Simultaneous animation
23.	Fade Image Storyboard
24.	Repetition duration
25.	Timer triggered Animation
26.	Use code to control DoubleAnimation
27.	Animation Ease effect
28.	Animate transformation
29.	Grow a Button
30.	3D Animation