Creating from to Animations : Animations « Animations « Silverlight

1. Silverlight
2. Animations
3. Animations

Creating from to Animations

    

<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'>
<Grid x:Name="LayoutRoot" Background="White">
    <Grid.Triggers>
         <EventTrigger RoutedEvent="Grid.Loaded">
            <TriggerActionCollection>
                 <BeginStoryboard>
                    <Storyboard BeginTime="0:0:0"
                                Duration="Forever">
                         <DoubleAnimation
                             Storyboard.TargetName="pulse"
                             Storyboard.TargetProperty="RadiusX"
                             From="0" To="1"
                             Duration="0:0:2"
                             AutoReverse="True" />
                         <DoubleAnimation
                             Storyboard.TargetName="pulse"
                             Storyboard.TargetProperty="RadiusY"
                             From="0" To="1"
                             Duration="0:0:2"
                             AutoReverse="True" />
                     </Storyboard>
                </BeginStoryboard>
             </TriggerActionCollection>
         </EventTrigger>
    </Grid.Triggers>
     <Ellipse Height="200" Width="200">
        <Ellipse.Fill>
             <RadialGradientBrush x:Name="pulse"
                                  RadiusX="0.0"
                                  RadiusY="0.0"
                                 GradientOrigin="0.5,0.5">
                 <GradientStop Color="Blue"/>
                 <GradientStop Color="White"
                               Offset="0.5"/>
                 <GradientStop Color="Blue"
                              Offset="1"/>
            </RadialGradientBrush>
         </Ellipse.Fill>
    </Ellipse>
</Grid>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	Using Simple Animations with Objects
2.	Controlling Animations Programmatically
3.	Rectangles and Multiple Animation Effects
4.	Chained Animation Effects
5.	Point Animation Effects
6.	Starting an animation with a trigger
7.	Create a bounce animation
8.	Move a rectangle from position (0,0) to position (300,0) in 5 seconds
9.	Enlarge Button In Xaml
10.	Two Animations
11.	Animation without acceleration or deceleration
12.	Animation with a slow speed
13.	Animate EndPoint
14.	Animate StartPoint
15.	XAML Only Animation
16.	Four Sided Bounce
17.	Start the animation with Path is loaded
18.	Brush animation
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