Beginning Windows® Phone 7 Application Development: Building Windows® Phone Applications Using Silverlight® and XNA®

SILVERLIGHT FOR WINDOWS PHONE TOOLKIT GESTURES

In addition to providing page transitions, the Silverlight for Windows Phone Toolkit also offers the ability to easily detect gestures. With just a few lines of XAML code, you can detect user gestures such as tap, flick, pinch, and drag movements. The gesture recognition works similarly to the ContextMenu control in that you add to your XAML a container on which you wish to listen for gestures. Then you set up a GestureListener control to determine which gesture events you want to handle in your code-behind file. You can easily detect multitouch pinch gestures and perhaps scale an image accordingly, or you could allow users to drag items in a container by listening and handling the drag events.

To get started with gesture detection, you first need a container to host both the service and the controls on which you want to detect gestures. In this example, you'll create a Border control that hosts a simple rectangle shape:

<Border>
     <Rectangle Fill=“Blue” Width=“200” Height=“200” />
</Border>

Say that you want to detect both Flick and DoubleTap gesture events. To do this, you simply add the GestureService.GestureListener object to the Border control, using code like the following:

<Border>
     <Rectangle Fill=“Blue” Width=“200” Height=“200” />
     <toolkit:GestureService.GestureListener>
          <toolkit:GestureListener Flick=“HandleFlick”
DoubleTap=“HandleDoubleTap”
/>
     </toolkit:GestureService.GestureListener>
</Border>

Notice that you simply add ...