【问题标题】:Detect user's gesture such as swipe检测用户的手势,例如滑动
【发布时间】:2011-06-22 13:51:41
【问题描述】:

我正在使用 phonegap 构建 Android 应用程序。

我想检测用户的手势,例如用户的滑动。有没有我可以从 javascript 调用的事件?

谢谢!

【问题讨论】:

    标签: javascript android cordova gesture-recognition


    【解决方案1】:

    我使用一个名为 xui (homepage) 的 JavaScript 框架,它具有与 jQuery 类似的 API。

    您可以将此框架与the swipe plugin 结合使用来访问简单的手势事件。请参阅该存储库下的 swipe/ 目录以获取代码和示例(特别是在 index.html 下)。一个简单的例子:

    x$('body').swipe(function(e, data) {
        console.log('type:' + data.type + ' deltaX:' + data.deltaX + ' deltaY:' + data.deltaY + ' distance:' + data.distance + ' delay:' + data.delay+' direction:' + data.direction  );
    });
    

    【讨论】:

    • 谢谢伙计。这就是我要找的!很抱歉很贪婪..但也可以包括检测自定义手势吗?例如当用户绘制“C”或“S”时?谢谢!
    • 用这个插件,很遗憾没有。你将不得不编辑它。简要查看代码后,看起来滑动插件会跟踪开始和结束坐标。对于更复杂的手势,您必须更改代码以在手势期间跟踪几个“点”(例如,间隔时间很短),然后比较各个点的坐标以得出更有意义的结论touchend 后的完整手势甚至会触发。希望对您有所帮助。
    • 好的,谢谢 :D 我会详细研究代码.. 知道我是否只能在某个区域跟踪手势吗?即在屏幕的顶部..意思是我把屏幕分成两半。 :D
    • 还有另一个库,也称为 jGestures,它专为自定义手势而设计 - 您定义形状,它会在用户执行与其中一个形状类似的操作时告诉您。看这里:stanford.wikia.com/wiki/CS349W_Project3_jGestures
    【解决方案2】:

    jQuery Mobile 还提供基本的support for gestures(至少点击、长按和左右滑动)。

    可以在Resources site 上找到一些额外的插件。 plugin site 上可能还有更多。

    【讨论】:

      猜你喜欢
      • 2012-08-28
      • 2017-10-18
      • 2016-07-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多