Mega Code Archive

 
Categories / Silverlight / 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>