WP7 TouchPanel Gesture Handling

Question

I got a Problem with the Gesturehandling.

I mostly did it after this Tutorial:

http://www.nickharris.net/2010/11/using-touchpanel-for-gestures-in-windows-phone-7/

This is my Remote.xaml file:

 <UserControl x:Class="EnergyRadio.Remote"
 ....
 ManipulationCompleted="StackPanel_ManipulationCompleted">
      <Grid x:Name="LayoutRoot" Background="Transparent" >
      </Grid>
</UserControl>

And this is Remote.xaml.cs:

 public Remote()
    {
        InitializeComponent();
        TouchPanel.EnabledGestures = GestureType.VerticalDrag | GestureType.HorizontalDrag;
    }

    private void StackPanel_ManipulationCompleted(object sender, ManipulationCompletedEventArgs e)
    {
        //Check if touch Gesture is available  
        if (TouchPanel.IsGestureAvailable)
        {
            // Read the gesture so that you can handle the gesture type  
            GestureSample gesture = TouchPanel.ReadGesture();
            switch (gesture.GestureType)
            {
                case GestureType.VerticalDrag:
                    MessageBox.Show("vertikal");
                    break;
                case GestureType.HorizontalDrag:
                    MessageBox.Show("horizontal");
                    break;
                default:
                    //do something  
                    break;
            }
        }
    }

It doesn't matter how i swipe my finger over the Phone it gives me back horizontal. But this should have been the first step ayway. What i actually need are four directions... that means up, down, right and left.

But i cant find this gesturtypes.. so does anybody has an idea?

it should look like this:

            switch (gesture.GestureType)
            {
                case "GesturType.Up":
                    MessageBox.Show("Volume Up");
                    break;
                case "GesturType.Down":
                    MessageBox.Show("Volume Down");
                    break;
                case "GesturType.Right":
                    MessageBox.Show("Next Channel");
                    break;
                case "GesturType.Left":
                    MessageBox.Show("Previous Channel");
                    break;
                default:
                    //do something  
                    break;
            }

Thanks.

Answer 1

I use another way of handling gesture.. not the XNA way. you can try the GestureService.GestureListener

for example u like to detect the drag event inside of a rectangle you do this

   <Rectangle x:Name="HelloRect">
      <toolkit:GestureService.GestureListener>
        <toolkit:GestureListener DragStarted="DragStarted_EventHandler"  DragCompleted="DragCompleted_EventHandler" />
      </toolkit:GestureService.GestureListener>
   </Rectangle>

Then in the code behind you can have event handlers for the gestures

private void DragStarted_EventHandler(object sender, DragStartedGestureEventArgs e)
{
    this.HelloRect.Fill = new SolidColorBrush(Colors.White);
}

private void DragCompleted_EventHandler(object sender, DragCompletedGestureEventArgs e)
{
    this.HelloRect.Fill = new SolidColorBrush(Colors.Black);
}

Update: this tutorial is good: http://windowsphonegeek.com/articles/WP7-GestureService-in-depth--key-concepts-and-API

You might want to check some of the references for what you will be getting for the event params: http://www.mindscapehq.com/Help/PhoneElements/html/2f4dc2f0-f612-6a89-092e-f65c243caded.htm and http://www.mindscapehq.com/Help/PhoneElements/html/96092851-e003-6423-389c-58d16281122b.htm

There is also a drag delta event that you can look into. Hope it helps in any way.. i am not very familiar with the touch panel thing..sorry about that.. you might want to wait for a few more replies

From the drag start and drag end coordinates you can conclude the direction of drag

..I think you are looking into the flick event.. another good tutorial

http://johnhforrest.com/2010/09/windows-phone-7-gestures/

Update AGAIN: The FlickGestureEventArgs contains a Direction property which is of type System.Windows.Controls.Orientation http://msdn.microsoft.com/en-us/library/system.windows.controls.orientation.aspx

from there you can determine the direction of flick

private void Flick_EventHandler(object sender, FlickGestureEventArgs e)
{
    if (e.Direction == Orientation.Horizontal)
    {
        if (e.HorizontalVelocity < 0)
        {
            //Right flick
        }
        else
        {
            //Left flick
        }
    }
    else
    {
        if (e.VerticalVelocity < 0)
        {
            //Up flick
        }
        else
        {
            //Down flick
        }
    }
}

Good luck and good night..

Update:

I just saw you should not be using switch cases for the GestureType enumeration... they are integer types

for a list of gesture type see

http://msdn.microsoft.com/en-us/library/microsoft.xna.framework.input.touch.gesturetype.aspx