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