2011年7月12日 星期二 | By: 雞米

[ActionScript] 手勢操作系列(三)-Zoom Gesture

今天要介紹的是另外一個常用的手勢操作-Zoom Gesture(又稱作Pinch Gesture),只要有使用過觸控式的Device,看到畫面上的物件總會習慣性的將兩指放在物件上,以收縮兩指的方式進行縮放,ActionScript當然支援這個常見的手勢,只不過如何縮放物件就必須自行實作,本文只提供簡單的作法,能夠將畫面上的Image以兩指進行縮放(左上角為縮放中心),至於更複雜一點的效果(例如:中心點縮放、以兩指中點為縮放中心…等)待後續有時間再提供相關說明。


Gesture Zoom 實作(Flex)

1、建立要進行Zoom手勢操作的對象物件(以Image為例)
var img:Image = new Image();
img.source = "你要放的圖片";
2、註冊TransformGestureEvent.GESTURE_ZOOM Listener
img.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onTargetZoom);
3、實作物件縮放函式,以TransformGestureEvent的scaleX, scaleY屬性取得縮放倍率,來進行目標物件縮放
function onTargetZoom(e:TransformGestureEvent):void{
    img.scaleX *= e.scaleX;
    img.scaleY *= e.scaleY;
}
在支援Multi-touch的device上執行,就可以看到Image隨著手指距離進行放大縮小了

0 意見:

張貼留言