sencha touch 手势识别左右滑动

sencha touch 中添加手势识别非常简单，就是监听 dom 元素的 move 事件：

1. 为你的 view 注册 swipe 事件

// 为当前 view 注册手势滑动事件
Ext.get('myTouchView').on('swipe', 'onViewSwipe', this);

2. 判断滑动方向

// 手势滑动监听事件
onViewSwipe : function(e, target, options, eOpts) {
    if (e.direction === 'left' && e.distance >= 20) {
        console.log('move left');
    } else if (e.direction === 'right' && e.distance >= 20) {
        console.log('move right');
    }
}

sencha touch 中 dom 元素有很多监听事件：

touchstart   touchend  touchmove  swipe  dragstart

drag dragend tap doubletap longpress pinch rotate

当然手势识别通过监听 touchmove 判断开始和停止的坐标也可以实现。

详细信息可以参考：sencha touch 文档中的 Kitchen Sink 例子中的 Touch Events