在你的移动Flex应用程序中添加滑动手势（swipe gestures）
2011-07-18 17:07

随着Flex4.5 SDK（又名：Hero）的推出，你现在可以在Android设备上和BlackBerry PlayBook上创建一些非常漂亮的移动应用。这里面就有你可以用在触摸屏上的滑动手势。用这个手势，你可以在屏幕上与屏幕之间移动你想要的。但是，如何在你的Flex移动应用中实现这样的功能呢？
这里有两种方法你可以选择。
第一种涉及到使用ActionScript来附加一个事件侦听器。当你的视图组件初始化，你写入下的代码：

private function initView():void {
    addEventListener(TransformGestureEvent.GESTURE_SWIPE, onSwipe);
}
复制代码
这种方法的好处是，它在纯ActionScript项目中和在Flash Professional项目中用法都是一样的。

第二种方法只能用在Flex应用程序中。它实际上更容易实现一些。你只需要在View tag里捕获gestureSwipe事件就可以，如下所示：
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            gestureSwipe="onSwipe(event)"/>

 

这就是在有触摸屏的设备上滑动手势的处理，比如移动电话，平板电脑或者更大的触摸屏。但是，你只有一个单一的滑动事件，那么你怎么判断它一个向左的滑动还是一个向右的滑动呢？对此，你需要通过到这个事件的属性来确定滑动的方向，你需要水平方向的offsetX属性和垂直方向的offsetY属性，如下：
private function onSwipe(event:TransformGestureEvent):void {
    // A swipe to the left means the offsetX property will be -1
    // A swipe to the right means the offsetX position will be 1
    if(event.offsetX == -1) {
        doSwipeLeft();
    } else if(event.offsetX == 1) {
        doSwipeRight();
    }

    // The same principle applies to the vertical swipe gesture, so
    // a swipe to the top means the offsetY position will be -1
    // A swipe to the bottom means the offsetY position will be 1
    if(event.offsetX == -1) {
        doSwipeTop();
    } else if(event.offsetX == 1) {
        doSwipeBottom();
    }