返回
顶部

修改密码

AIR Android开发触摸事件 使用TouchEvent类

+1

-1

收藏

+1

-1

点赞0

评论0

处理用户交互,本模块主要介绍了多点触摸相关功能的用法,包括触摸和手势。处理用户交互是AIR Android开发的基础部分,只有设计合理、用户操作符合逻辑的交互,才能增强程序的用户体验。因此,熟练掌握常见的交互手法至关重要。本文为大家介绍 使用TouchEvent类。处理触摸事…
处理用户交互,本模块主要介绍了多点触摸相关功能的用法,包括触摸和手势。处理用户交互是AIR Android开发的基础部分,只有设计合理、用户操作符合逻辑的交互,才能增强程序的用户体验。因此,熟练掌握常见的交互手法至关重要。本文为大家介绍 使用TouchEvent类。

处理触摸事件

和处理其他事件一样,可以对舞台上的元件监听触摸事件,然后编写事件处理函数。触摸事件有哪些类型?如何使用?它们和鼠标事件又有什么区别?学完本 节大家便会得到答案。

使用TouchEvent类(1)

所有的触摸动作都将产生TouchEvent类型的事件对象。TouchEvent类位于flash.events包中,所有的Touch事件类型 都被定义为它的静态常量,如表3-1所示。

表3-1 TouchEvent类型

在TouchEvent类中,除了父类Event的属性和方法外,还定义了几个和触摸动作相关的实例属性,说明如下。

stageX和stageY:表示对应的触摸点在屏幕上的全局坐标。

pressure:取值为0.0~1.0,表示触摸点处的屏幕压力。如果设备不支持这个功能,那么其值将总为1.0。

sizeX和sizeY:分别对应触摸点接触区域的宽和高。

touchPointID:触摸点的唯一标识,是整型数据。

在处理触摸事件时,touchPointID是经常使用的一个参数,用来标识触摸事件。触摸操作可能有多个触摸点,比如两个手指同时触摸屏 幕,TOUCH_BEGIN事件将发生两次,产生的TouchEvent分别对应不同位置的触摸点。为了区分触摸点,AIR运行时会为每个触摸点分配一个 唯一的标识,即touchPointID。

当TOUCH_BEGIN事件第一次发生时,AIR运行时会从0开始分配touchPointID给每个TouchEvent,直到数目超出了系统 所能支持的最大触摸点数,超出范围的触摸事件将被忽略。Android设备一般只支持两个触摸点,也就是说TouchEvent对象的 touchPointID的值只可能是0或1。每个触摸动作结束时,对应的touchPointID被回收,供新的触摸点使用。

下面用一个TouchEventEx的例子演示TOUCH_BEGIN和TOUCH_END的用法。每当一个或两个手指触摸屏幕时,程序会在触摸点 附近画一个圆,并开始拖拽这个圆,直到TOUCH_END事件发生,拖拽结束。程序的主类Main.as的代码如下:


  1. package  
  2. {  
  3.  import flash.display.Graphics;  
  4.  import flash.display.Sprite;  
  5.  import flash.events.TouchEvent;  
  6.  import flash.ui.Multitouch;  
  7.  import flash.ui.MultitouchInputMode;  
  8.  //AppBase是一个基础类,定义了程序的基本属性  
  9.  public class Main extends AppBase  
  10.  {  
  11. override protected function init():void  
  12. {  
  13.  //判断是否支持TouchEvent  
  14.  if ( Multitouch.supportsTouchEvents )  
  15.  {  
  16. //设置交互模式为处理触摸动作  
  17. Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;  
  18. //监听舞台的TOUCH_BEGIN和TOUCH_END事件  
  19. stage.addEventListener(TouchEvent.TOUCH_BEGIN, onTouchBegin);  
  20. stage.addEventListener(TouchEvent.TOUCH_END, onTouchEnd);  
  21.  }   
  22. }  
  23. //创建可视对象,并画圆  
  24. private function createCircle():Sprite  
  25. {  
  26.  var box:Sprite = new Sprite();  
  27.  var g:Graphics = box.graphics;  
  28.  g.beginFill(0x808888);  
  29.  g.drawCircle(0, 0, 30);  
  30.  g.endFill();  
  31.  return box;  
  32. }  
  33. //TOUCH_BEGIN事件处理函数  
  34. private function onTouchBegin(e:TouchEvent):void  
  35. {  
  36.  //在触摸点处添加一个圆  
  37.  var box:Sprite = createCircle();  
  38.  addChild(box);  
  39.  //将元件移到触摸点对应的舞台坐标处  
  40.  box.x = e.stageX;  
  41.  box.y = e.stageY;   
  42.  //调用可视对象的startTouchDrag,开始拖拽元件  
  43.  box.startTouchDrag(e.touchPointID);  
  44. }  
  45. //TOUCH_END事件处理函数  
  46. private function onTouchEnd(e:TouchEvent):void  
  47. {  
  48.  //调用stopTouchDrag结束拖拽  
  49.  e.target.stopTouchDrag(e.touchPointID);  
  50. }  
  51.  }   
  52. }
使用TouchEvent类(2)

由于有监听舞台stage的Touch事件,因此只要触摸屏幕上任何一点,Touch事件都将触发,并在触摸点处画一个圆。请注意,拖拽的实现并没 有使用Flash开发者熟悉的startDrag方法,而是Sprite类新增的startTouchDrag方法,该方法代码如下:


  1. startTouchDrag(touchPointID:int, lockCenter:Boolean = false,  
  2. bounds:Rectangle = null):void 

 

和startDrag相比,唯一的区别是多了一个参数touchPointID,而touchPointID只在支持触摸行为的设备上工作,因此 startTouchDrag也只能在触摸设备上使用。相对应的,结束拖拽时使用stopTouchDrag方法,代码如下:


  1. stopTouchDrag(touchPointID:int):void 

在结束拖拽时也必须输入touchPointID,以保证是针对同一个触摸点的动作。

因为模拟器不支持触摸事件,所以使用触摸事件的程序必须在真机上运行才能看到效果,如图3-1所示。

运行TouchEventEx程序,有两个手指触摸屏幕上任意两处,保持触摸并移动手指,两个圆将跟随手指移动。在本例中,程序主类继承了 AppBase,并重写了init方法,实际上,这将是后面所有实例代码的模板。在AppBase类中定义了所有程序通用的属性以及结构,完整代码如下:


  1. package  
  2. {  
  3.  import flash.display.Sprite;  
  4.  import flash.display.StageAlign;  
  5.  import flash.display.StageScaleMode;  
  6.  import flash.events.Event;  
  7.    
  8.  /**  
  9.   * 程序基类,定义了舞台属性  
  10.   */  
  11.  public class AppBase extends Sprite  
  12.  {  
  13.  
  14. public function AppBase():void  
  15. {  
  16.  //定义舞台的对齐方式和缩放模式  
  17.  stage.align = StageAlign.TOP_LEFT;  
  18.  stage.scaleMode = StageScaleMode.NO_SCALE;  
  19.  
  20.  init();  
  21. }  
  22.  
  23. /**  
  24.  * 程序入口,所有程序都重写init方法,在此添加自己的逻辑  
  25.  */  
  26. protected function init():void  
  27. {  
  28.  //在这里添加代码  
  29. }  
  30.  }  

 

图3-1 在真机上的运行 效果

AppBase类位于公用代码库library中,定义了舞台的对齐方式和缩放模式。将scaleMode设置为 StageScaleMode.NO_SCALE,舞台尺寸即为屏幕的实际尺寸。StageAlign.TOP_LEFT表示舞台内容顶部居左对齐,这两 行代码的作用是为了让程序能够适应设备的屏幕尺寸,从而依据舞台对象的stageWidth和stageHeight对界面上的元素进行布局和定位。比如 在上一章中,我们让棋盘在屏幕居中显示的代码为:


  1. grid_container.x = (stage.stageWidth - grid_container.width) / 2; 

类AppBase为后面所有的例子程序定义了统一的运行流程,将init方法作为程序初始化的入口,每个例子程序的主类会继承AppBase类,并 且重写init方法。

使用这样方式后,一些常用的代码块被提取出来放在基类中,被所有的子类共用,同时也提高了程序的灵活性。在后续的开发中,如果有需要,可以在 AppBase基类中加入更多的方法,这样所有的程序都可以共享。

扫一扫在手机打开

评论
已有0条评论
0/150
提交
热门评论
相关推荐
今日要闻
换一批
热点排行