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
?
?
?
?