Mega Code Archive

 

Categories / VB.Net Tutorial / WPF

 

Double animation with path

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       HorizontalAlignment="Center" VerticalAlignment="Center">                  <Canvas>           <Canvas.Resources>             <PathGeometry x:Key="animPath" Figures="M 0,30 A 30,30 180 0 1 60,30  30,30 180 0 1 0,30" />           </Canvas.Resources>                    <Path Stroke="Blue" StrokeThickness="2" Data="{StaticResource animPath}" />                     <Path Stroke="Black" StrokeThickness="2" Data="M0,0 H20 M15,-5 L20,0 15,5">             <Path.Triggers>               <EventTrigger RoutedEvent="Line.Loaded">                 <BeginStoryboard>                   <Storyboard>                              <DoubleAnimationUsingPath Source="X"                         RepeatBehavior="Forever" Duration="0:0:5"                         Storyboard.TargetProperty="(Canvas.Left)"                         PathGeometry="{StaticResource animPath}" />                            </Storyboard>                 </BeginStoryboard>               </EventTrigger>             </Path.Triggers>           </Path>         </Canvas> </Page>