sencha touch 手势识别左右滑动

最新推荐文章于 2025-09-13 23:06:41 发布

weixin_30954265

最新推荐文章于 2025-09-13 23:06:41 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

文章标签：人工智能

原文链接：http://www.cnblogs.com/lesliefang/p/3477508.html

本文介绍如何在SenchaTouch中实现手势识别，包括为视图注册滑动手势、判断滑动方向等。提供了具体代码示例，并提及了通过监听touchmove事件来实现手势识别的方法。

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

转载于:https://www.cnblogs.com/lesliefang/p/3477508.html