Discrete Point Jumps : Path « Shapes « Silverlight






Discrete Point Jumps

   


<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'>
<Canvas>

    <Path Fill="Red">
        <Path.Data>
            <EllipseGeometry x:Name="elips" RadiusX="24" RadiusY="24" />
        </Path.Data>
    </Path>

    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded">
            <BeginStoryboard>
                <Storyboard TargetName="elips" TargetProperty="Center">
                    <PointAnimationUsingKeyFrames Duration="0:0:4"
                                                  RepeatBehavior="Forever">
                        <DiscretePointKeyFrame KeyTime="0:0:0" Value="288 96" />
                        <DiscretePointKeyFrame KeyTime="0:0:3" Value="96 288" />
                    </PointAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>
</Canvas>
</UserControl>
   
    

   
    
    
  








Related examples in the same category

1.Path Mini-language Commands
2.Creating a Path
3.Curves and AnimationCurves and Animation
4.Line Joins MiterLine Joins Miter
5.Creating Elliptic Arcs with PathCreating Elliptic Arcs with Path
6.Elliptic Arcs with ArcSegment Objects
7.Path with fill rule F1 = NonZero
8.Path DataPath Data
9.Use Ellipse Geometry as Path DataUse Ellipse Geometry as Path Data
10.Use RectangleGeometry as Path DataUse RectangleGeometry as Path Data
11.Vertical Line with PathVertical Line with Path
12.Horizontal Line with PathHorizontal Line with Path
13.Line with PathLine with Path
14.Path gradient and BezierPath gradient and Bezier
15.Single Bezier
16.Overlapping StarsOverlapping Stars
17.Path Mini LanguagePath Mini Language
18.Multiple SubpathsMultiple Subpaths
19.Close Path CommandClose Path Command
20.Path.Data with LineSegmentPath.Data with LineSegment
21.Path Margin as resourcePath Margin as resource
22.Shorthand Path dataShorthand Path data
23.Drawn with a Path Shape with GeometryDrawn with a Path Shape with Geometry
24.Multiple Line SegmentsMultiple Line Segments
25.Mini Language InfinityMini Language Infinity