Windows Phone手机开发专题博客

Windows Phone手机开发专题博客,为您精选WP7手机开发教程,助您手机开发愉快!

公告信息
欢迎光临Windows Phone手机开发专题博客,祝您手机开发愉快!
文章档案

WP7 XNA Gesture触控操作教程

本文将为您介绍WP7 XNA Gesture触控操作开发教程,XNA是微软提供的专门用于游戏开发的框架,我们在WP7中也是一样可以使用的,下面让我们来看详细的教程:

一.添加XNA程序集

本文不打算介绍XNA开发的内容仅在Silverlight for Windows Phone程序中调用了相关的XNA程序集,我们先添加下引用

clip_image002

注意在点击OK时,会弹出如下所示的对话框:

clip_image004

选择“是”即可。然后在Code-Behind文件中添加下面的名称空间即可:

using Microsoft.Xna.Framework.Input.Touch; 

二.TouchPanel

    在XNA中,TouchPanel可以向我们提供大量关于触控操作的信息,我在页面的构造函数中用下面的代码查看了TouchPanel提供的一些信息:

代码
            TouchPanelCapabilities tpc = TouchPanel.GetCapabilities();
            Debug.WriteLine(
"Touch panel is available : " + tpc.IsConnected.ToString());
            Debug.WriteLine(
"MaximumTouchCount: " + tpc.MaximumTouchCount.ToString() + "\n");

输出如下:

clip_image005

下面来介绍与手势相关的操作。在本文中我仍旧使用了上篇文章那个程序的UI,来看一下程序的Logic Tree和效果图:

clip_image007 clip_image009

三.TouchPanel中与手势相关的操作

    如果想要通过TouchPanel在程序中对手势进行识别,首先要对TouchPanel的EnabledGestures属性赋值,EnabledGestures的类型是GestureType枚举,包括以下成员(即XNA所能识别的手势):

  • Tap
  • DoubleTap
  • Hold
  • Flick
  • Pinch
  • PinchComplete
  • FreeDrag
  • HorizontalDrag
  • VerticalDrag]
  • DragComplete
  • None

它们被定义为位标记(bit flags),所以我们可以通过位或操作符(|)将它们组合,就像下面这样:

代码
            TouchPanel.EnabledGestures = GestureType.Hold | GestureType.Tap | GestureType.DoubleTap | GestureType.Flick | 
                GestureType.FreeDrag 
| GestureType.HorizontalDrag | GestureType.VerticalDrag;

注意:如果没有对TouchPanel.EnabledGestures属性赋值,那么在程序运行有关手势的代码时会抛出InvalidOperationException异常,如下所示:

clip_image011

    我在矩形元素的ManipulationCompleted事件处理程序中添加了对手势的识别,完整代码如下:

代码
void rectangle_ManipulationCompleted(object sender, System.Windows.Input.ManipulationCompletedEventArgs e)
 {
            
while (TouchPanel.IsGestureAvailable)
            {
                GestureSample gs 
= TouchPanel.ReadGesture();

                
switch (gs.GestureType)
                {
                    
case GestureType.Tap:
                        
if (e.OriginalSource == rectangle)
                        {
                            rectangle.Fill 
= new SolidColorBrush(
                                        Color.FromArgb(
255, (byte)rand.Next(256),
                                                            (
byte)rand.Next(256),
                                                            (
byte)rand.Next(256)));
                            Debug.WriteLine(
"Tap\n");
                        }
                        
break;

                    
case GestureType.DoubleTap:
                        translation.X 
= translation.Y = 0;
                        Debug.WriteLine(
"DoubleTap\n");
                        
break;

                    
case GestureType.Hold:
                        Debug.WriteLine(
"Hold\n");
                        MessageBox.Show(
"You are holding the rectangle!""Hold", MessageBoxButton.OK);
                        
break;

                    
case GestureType.FreeDrag:
                        translation.X 
+= gs.Delta.X;
                        translation.Y 
+= gs.Delta.Y;
                        Debug.WriteLine(
"FreeDrag");
                        Debug.WriteLine(
"FreeDrag X:" + gs.Delta.X + " Y:" + gs.Delta.X + "\n");
                        
break;

                    
case GestureType.HorizontalDrag:
                        translation.X 
+= gs.Delta.X;
                        translation.Y 
+= gs.Delta.Y;
                        Debug.WriteLine(
"HorizontalDrag");
                        Debug.WriteLine(
"HorizontalDrag X:" + gs.Delta.X + " Y:" + gs.Delta.X + "\n");
                        
break;

                    
case GestureType.VerticalDrag:
                        translation.X 
+= gs.Delta.X;
                        translation.Y 
+= gs.Delta.Y;
                        Debug.WriteLine(
"VerticalDrag");
                        Debug.WriteLine(
"VerticalDrag X:" + gs.Delta.X + " Y:" + gs.Delta.X + "\n");
                        
break;

                    
case GestureType.Flick:
                        Debug.WriteLine(
"Flick\n");
                        
break;
                }
            }
}

    注意在while循环中我通过TouchPanel.IsGestureAvailable这个bool属性来判断是否可以进行手势识别,然后通过TouchPanel.ReadGesture()方法获取到一个GestureSample对象,再通过GestureSample对象的GestureType属性做具体的操作。

 

以下是各种手势的输出结果:

单击(Tap)时,矩形的颜色会随机变化,输出如下:

clip_image012

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

clip_image013

按下并保持(Hold)时,会弹出一个对话框,输出如下:

clip_image014 clip_image016

Flick操作中包含着Drag(FreeDrag, HorizontalDrag, VerticalDrag)操作,输出如下:

clip_image017

HorizontalDrag操作的输出如下:

clip_image018

VerticalDrag操作的输出如下:

clip_image019

FreeDrag操作的输出如下:

clip_image020

     和Silverlight for Windows Phone Toolkit中的GestureListener对象一样,XNA程序集也为我们提供了简单的识别手势的方法。关于Windows Phone 7的触控操作暂时写到这里,当然不排除本系列还有关于这个话题的后续文章。

源码下载:WindowsPhoneXNAGestureDemo.zip

希望大伙喜欢WP7 XNA Gesture触控操作教程此文。
新浪微博粉丝精灵,刷粉丝、刷评论、刷转发、企业商家微博营销必备工具"

2011/9/9 18:30:35 | WP7教程 | |

  • 发表评论