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 books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.