概述

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

上篇文章介绍了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文件中添加相应的名称空间：

 
  using 
   Microsoft.Phone.Controls;

在XAML代码中添加xmlns：

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和效果图：

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

代码 
 @H_674_99@ 
   
   < 
   Rectangle  
   x:Name 
   ="rectangle" 
    Width 
   ="200" 
    Height 
   
                            Fill 
   ="Blue" 
    stroke 
   ="Red" 
    strokeThickness 
   ="5" 
   > 
   
                      
   toolkit:Gestureservice.GestureListener 
   
                          
   toolkit:GestureListener  
   Tap 
   ="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" 
   /> 
   </ 
   Rectangle.RenderTransform 
   TranslateTransform  
   ="translation" 
   
 
   Rectangle 
   > 
  

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

代码 
   using 
    System;
 
    System.Diagnostics;
 
    System.Windows;
 
    System.Windows.Media;
 
    Microsoft.Phone.Controls;

 
   namespace 
    WindowsPhoneGestureListenerDemo
 {
      
   public 
     
   partial 
   class 
    MainPage : PhoneApplicationPage
     {
         random rand  
   = 
   new 
    random();

          
   // 
    constructor 
            
    MainPage()
         {
             initializeComponent();
         }

          
   private 
   void 
    GestureListener_Tap( 
   object 
    sender, GestureEventArgs E)
         {
              
   if 
    (e.originalsource  
   == 
    rectanglE)
             {
                 rectangle.Fill  
    SolidColorBrush(
                             Color.FromArgb( 
   255 
   , ( 
   byte 
   )rand.Next( 
   256 
   ),
                                                 ( 
   )));
             }
             var position  
    e.GetPosition(rectanglE);
             Debug.WriteLine( 
   " 
   Tap\n 
   " 
   );
         }

          
    GestureListener_DoubleTap( 
   :1.5; color:rgb(0, GestureEventArgs E)
         {
             translation.X  
    translation.Y  
     
   0 
   ;
             Debug.WriteLine( 
   DoubleTap\n 
    GestureListener_Flick( 
   :1.5; color:rgb(0, FlickGestureEventArgs E)
         {
             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 
    GestureListener_Hold( 
   :1.5; color:rgb(0, GestureEventArgs E)
         {
             Debug.WriteLine( 
   Hold\n 
   );
             messageBox.Show( 
   You are holding the rectangle! 
   :1.5; color:rgb(128,  
   Hold 
   :1.5; color:rgb(128, messageBoxButton.OK);
         }

          
    GestureListener_GestureBegin( 
            {
             var position  
   GestureBegin 
   GestureBegin Point: X: 
    position.X  
    Y: 
    position.Y  
    GestureListener_GestureCompleted( 
   GestureCompleted 
   GestureCompleted Point: X: 
    GestureListener_DragStarted( 
            {
             Debug.WriteLine( 
   DragStarted 
    e.Direction.ToString()  
    GestureListener_DragDelta( 
            {
              
   this 
   .translation.X  
   += 
    e.HorizontalChange;
              
   .translation.Y  
    e.VerticalChange;
             Debug.WriteLine( 
   DragDelta 
   Change:  
   X:  
    e.HorizontalChange.ToString()  
    Y:  
    e.VerticalChange  
    GestureListener_DragCompleted( 
            {
             Debug.WriteLine( 
   DragCompleted 
   HorizontalChange(X):  
    VerticalChange(Y):  
    e.VerticalChange);
             Debug.WriteLine( 
   );
         }
     }
 } 
  
 
   
   复制代码 
  