WP7——触控操作GestureListener

上篇文章介绍了Silverlight for Windows Phone中的高级触控编程接口，本文将讲解Silverlight for Windows Phone Toolkit中的GestureListener对象。有了上篇文章的铺垫，再来看GestureListener的相关操作就很容易了。
 

一．Silverlight for Windows Phone Toolkit

　　Silverlight for Windows Phone Toolkit为Windows Phone提供了很多方便易用的控件，我们可以通过上面的地址下载后进行安装，下面是安装过程的截图：



装好后，需要在项目中添加程序集的引用，如下图：



然后在Code-Behind文件中添加相应的名称空间：
 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->usingMicrosoft.Phone.Controls;

 

在XAML代码中添加xmlns：
 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

 

二．使用GestureListener

注意GestureListener是在XAML元素上应用的，所以要使用GestureListener，首先要在那个元素中添加<GestureService.GestureListener>对象，然后再为我们要监听的手势添加事件处理程序。由于是在XAML元素中应用，所以手势只有在被应用到的那个元素中才能被识别。GestureListener支持以下手势：
 

• 
  
• Tap
   
• DoubleTap
   
• Hold
   
• Flick
   
• Pinch
   
• Drag and Drop
   

我使用了上篇文章中那个程序的UI，来看一下程序的Logic Tree和效果图：



我对这个矩形添加了以下手势的监听：
 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><Rectanglex:Name="rectangle"Width="200"Height="200"
Fill="Blue"Stroke="Red"StrokeThickness="5">
<toolkit:GestureService.GestureListener>
<toolkit:GestureListenerTap="GestureListener_Tap"
DoubleTap="GestureListener_DoubleTap"
Flick="GestureListener_Flick"
Hold="GestureListener_Hold"
GestureBegin="GestureListener_GestureBegin"
GestureCompleted="GestureListener_GestureCompleted"
DragStarted="GestureListener_DragStarted"
DragDelta="GestureListener_DragDelta"
DragCompleted="GestureListener_DragCompleted"/>
</toolkit:GestureService.GestureListener>
<Rectangle.RenderTransform>
<TranslateTransformx:Name="translation"/>
</Rectangle.RenderTransform>
</Rectangle>

 
在Code-Behind文件中的事件处理程序如下：

 

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->usingSystem;
usingSystem.Diagnostics;
usingSystem.Windows;
usingSystem.Windows.Media;
usingMicrosoft.Phone.Controls;

namespaceWindowsPhoneGestureListenerDemo
{
publicpartialclassMainPage:PhoneApplicationPage
{
Randomrand=newRandom();

//Constructor
publicMainPage()
{
InitializeComponent();
}

privatevoidGestureListener_Tap(objectsender,GestureEventArgse)
{
if(e.OriginalSource==rectangle)
{
rectangle.Fill=newSolidColorBrush(
Color.FromArgb(255,(byte)rand.Next(256),
(byte)rand.Next(256),
(byte)rand.Next(256)));
}
varposition=e.GetPosition(rectangle);
Debug.WriteLine("Tap\\n");
}

privatevoidGestureListener_DoubleTap(objectsender,GestureEventArgse)
{
translation.X=translation.Y=0;
Debug.WriteLine("DoubleTap\\n");
}

privatevoidGestureListener_Flick(objectsender,FlickGestureEventArgse)
{
Debug.WriteLine("Flick");
Debug.WriteLine("Angle:"+e.Angle);
Debug.WriteLine("Direction:"+e.Direction.ToString());
Debug.WriteLine("HorizontalVelocity(X):"+e.HorizontalVelocity.ToString()+"VerticalVelocity(Y):"+e.VerticalVelocity.ToString()+"\\n");
}

privatevoidGestureListener_Hold(objectsender,GestureEventArgse)
{
Debug.WriteLine("Hold\\n");
MessageBox.Show("Youareholdingtherectangle!","Hold",MessageBoxButton.OK);
}

privatevoidGestureListener_GestureBegin(objectsender,GestureEventArgse)
{
varposition=e.GetPosition(rectangle);
Debug.WriteLine("GestureBegin");
Debug.WriteLine("GestureBeginPoint:X:"+position.X+"Y:"+position.Y+"\\n");
}

privatevoidGestureListener_GestureCompleted(objectsender,GestureEventArgse)
{
varposition=e.GetPosition(rectangle);
Debug.WriteLine("GestureCompleted");
Debug.WriteLine("GestureCompletedPoint:X:"+position.X+"Y:"+position.Y+"\\n");
}

privatevoidGestureListener_DragStarted(objectsender,DragStartedGestureEventArgse)
{
Debug.WriteLine("DragStarted");
Debug.WriteLine("Direction:"+e.Direction.ToString()+"\\n");
}

privatevoidGestureListener_DragDelta(objectsender,DragDeltaGestureEventArgse)
{
this.translation.X+=e.HorizontalChange;
this.translation.Y+=e.VerticalChange;
Debug.WriteLine("DragDelta");
Debug.WriteLine("Direction:"+e.Direction.ToString());
Debug.WriteLine("Change:"+"X:"+e.HorizontalChange.ToString()+"Y:"+e.VerticalChange+"\\n");
}

privatevoidGestureListener_DragCompleted(objectsender,DragCompletedGestureEventArgse)
{
Debug.WriteLine("DragCompleted");
Debug.WriteLine("Direction:"+e.Direction.ToString());
Debug.WriteLine("HorizontalChange(X):"+e.HorizontalChange.ToString()+"VerticalChange(Y):"+e.VerticalChange);
Debug.WriteLine("HorizontalVelocity(X):"+e.HorizontalVelocity.ToString()+"VerticalVelocity(Y):"+e.VerticalVelocity.ToString()+"\\n");
}
}
}

 
这些事件使用起来非常方便。GestureBegin和GestureCompleted类似于上一篇文章中的ManipulationStarted和ManipulationCompleted，与Manipulation事件最为相似的尤属Drag事件了。

在单击（Tap）时，矩形的颜色会随机变化，输出如下：



在双击（Double Tap）时，矩形会回到原始位置，同时颜色发生变化，因为在双击中包含了单击操作，输出如下：



在按下并保持（Hold）时，会弹出一个对话框，输出如下：



Flick操作中包含着Drag操作，输出如下：



Drag操作的输出如下：



通过Silverlight for Windows Phone Toolkit中的GestureListener对象和其相关的事件，我们可以轻松的对手势进行识别。在下一篇文章中我会介绍XNA类库中与手势相关的触控操作。