2011年6月26日 星期日 | By: 雞米

[ActionScript] 手勢操作系列(二)-Pan Gesture

Actionscript中的Pan手勢是指兩指共同放在欲操作的物件上,同時移動雙手的方式操作物件,要實作此手勢的功能,首先必須先註冊GESTURE_PAN事件,並在Listener中撰寫移動物件的邏輯。


Gesture Pan 實作(Flex)

以下以移動兩隻手指的方式移動Image物件來作為範例:

1. 建立Image物件
var tangible:Image = new Image();
tangible.source = "你要放的圖片";

2. 註冊TransformGestureEvent.GESTURE_PAN
tangible.addEventListener(TransformGestureEvent.GESTURE_PAN, onTargetMove);
3. Listener中實作物件移動程式,TransformGestureEvent.offsetX, offsetY是手指移動的距離
private function onTargetMove(e:TransformGestureEvent):void
{
  e.currentTarget.x += e.offsetX;
  e.currentTarget.y += e.offsetY;
  e.updateAfterEvent();
}


完成上述步驟後,將程式放到支援兩點以上的Device上就可看到兩指移動物件的效果了

0 意見:

張貼留言