Gesture Handling in Widows Phone 8

4. Now the Manipulation property of the rectangle that happens when some kind of event happens. The following are various types of Manipulation events:

ManipulationStarted: when it begins to fill the exiting fill to _stationaryBrush, it will be applied again once the movement is complete or stopped.

ManipulationDelta: use TranslateTransform for the change in X and Y to allow moving the object with the change of x and y.

ManipulationCompleted: when done with the moving, set the color as it was.

　　　　
　　　
5. Now we need to associate the TranslateTransform with our rectangle. As you can see in the preceding it has not been associated until now.
6. If you try running it, it will not run as expected, the rectangle will not be moving or changing color as expected. That's because we need to apply the ManipulationMode of the rectangle (UL Element) to All in the XAML file. Not in case using using System.Windows.Media namespace for the rectangle.

Yes, we have done it! We can make it fly.





Now to do the second part of the requirements, the rectagle sholud grow on double tap.

• Since we will be scaling the Rectangle on double-tap, we need to add ScaleTransform for this:
  
  1. private ScaleTransform _scaleTransform = new ScaleTransform();
• Then, we will be setting the X and Y scale of _scaleTransform on double-tap:
  
  1. MyRectangle.DoubleTap += (sender, args) = > {
  2. _scaleTransform.ScaleX = .25;
  3. _scaleTransform.ScaleY = .25;
  4. };
• Now the problem here is, we can apply only one transform to the object/shape MyRectangle at a time.
  
  1. MyRectangle.RenderTransform = _scaleTransform;
  2. MyRectangle.RenderTransform = _moveTransform;

To solve this, we have a TransformGroup so that we can apply multiple transforms.

the rectangle is moving as well as the size is increased.



The preceding is a simple code to understand basic gesture handling.