February 2015
Intermediate to advanced
768 pages
26h 24m
English
Listing 16.1 uses DoubleAnimationUsingKeyFrames to help move a circle (Ellipse) in a zigzag pattern, as illustrated in Figure 16.9. The blue lines are there to show the path that the circle travelled to get to its final spot. Because the Image is inside a Canvas, the motion is accomplished by animating the Canvas.Left and Canvas.Top attached properties rather than using the more versatile TranslateTransform. These are still independent animations, however!
FIGURE 16.9 Zigzag motion is easy to create with a keyframe animation.
LISTING 16.1 The Zigzag Animation for Figure 16.9
<Page ...> <Page.Resources ...
Read now
Unlock full access