Double animation with path : Path « Windows Presentation Foundation « VB.Net

Home
VB.Net
1.2D
2.Application
3.Class
4.Data Structure
5.Data Types
6.Database ADO.net
7.Development
8.Event
9.File Directory
10.Generics
11.GUI
12.Language Basics
13.LINQ
14.Network Remote
15.Security
16.Thread
17.Windows Presentation Foundation
18.Windows System
19.XML
20.XML LINQ
VB.Net Tutorial
VB.Net by API
VB.Net » Windows Presentation Foundation » PathScreenshots 
Double animation with path
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>

   
    
    
    
    
  
Related examples in the same category
1.Trivial PathTrivial Path
2.Path DataPath Data
3.A Path based on Path.Data, PathGeometry and LineSegmentA Path based on Path.Data, PathGeometry and LineSegment
4.Path StrokeDashArrayPath StrokeDashArray
5.Sample ArcSample Arc
6.Four Overlapping CirclesFour Overlapping Circles
7.Path IntersectPath Intersect
8.Closed PathFigureClosed PathFigure
9.PathGeometry FigurePathGeometry Figure
10.Path with OuterGlowBitmapEffectPath with OuterGlowBitmapEffect
11.Path with M, C and ZPath with M, C and Z
12.Path and PolyLineSegment.PointsPath and PolyLineSegment.Points
13.Matrix animation with pathMatrix animation with path
14.Create a polyline with a PathGeometryCreate a polyline with a PathGeometry
15.Expanding CirclesExpanding Circles
16.Simple ArcSimple Arc
17.Draw a Curved Line with PathFigure, LineSegment, ArcSegmentDraw a Curved Line with PathFigure, LineSegment, ArcSegment
18.LineSegment inside a PathFigureLineSegment inside a PathFigure
19.ArcSegment inside a PathFigureArcSegment inside a PathFigure
20.Set SweepDirection=Clockwise for ArcSegmentSet SweepDirection=Clockwise for ArcSegment
21.PathFigure and BezierSegmentPathFigure and BezierSegment
22.Path with BlurBitmapEffectPath with BlurBitmapEffect
23.Path with DropShadowBitmapEffectPath with DropShadowBitmapEffect
24.Path based on GeometryGroupPath based on GeometryGroup
25.Set for RenderTransformOrigin PathSet for RenderTransformOrigin Path
26.Use TransformGroup to group transformationsUse TransformGroup to group transformations
27.Transform PathTransform Path
28.Grouped ShapesGrouped Shapes
29.FileRule = Nonzero for PathFileRule = Nonzero for Path
30.FileRule = EvenOdd for PathFileRule = EvenOdd for Path
31.Path with EllipseGeometriesPath with EllipseGeometries
32.One Path with two EllipseGeometriesOne Path with two EllipseGeometries
33.Path with ShadowPath with Shadow
34.Dotted PathDotted Path
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.