Creating path-based animations

Property-based animations are certainly the most common animations to use. WPF supports another form of animation – path-based animation; that is, an animation that runs along a PathGeometry. Let's see how to achieve that.

Getting ready

Make sure Visual Studio is up and running.

How to do it...

We'll create a circle that moves along a path laid out by a PathGeometry object:

  1. Create a new WPF application named CH09.PathBasedAnimation.
  2. Open MainWindow.xaml. Add a PathGeometry object to the Resources property of Window that describes a rectangular path:
    <Window.Resources> <PathGeometry x:Key="rg"> <PathFigure IsClosed="True" StartPoint="20,20"> <PolyLineSegment Points="300,20 300,200 20,200 20,200" /> </PathFigure> </PathGeometry> ...

Get Windows Presentation Foundation 4.5 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.