YrobotTouch，一个方便、轻量的小程序手势事件监听库

YrobotTouch，一个方便、轻量的小程序手势事件监听库

YrobotTouch-MINA

更新时间轴：

2019年3月10日 09:42:19 - 优化监听和绘制逻辑，动画不卡顿2019年3月12日 09:51:04 - 修复第二次之后缩放闪烁的bug，pinch添加singleZoom参数

支持的事件

支持pinch缩放支持rotate旋转支持pressMove拖拽支持doubleTap双击支持swipe滑动支持longTap长按支持tap按支持singleTap单击

demo展示

使用方法

tips: 整个仓库是一个demo，核心文件是'/utils/YrobotTouch.js'，只需-此js文件即可

*.js

引入YrobotTouch在page的onload生命周期中实例化YrobotTouch

实例化语法： new YrobotTouch(page实例,实例对象名,option) 实例对象名：影响到wxml引用的方法名，以及page页储存实例的索引 option：包含各个手势事件的出口函数，具体函数及解析如下参考

NOTE:

多个事件监听触发setData时，建议把setData合并在touchMove中，以减少多个setData引起的动画延迟和卡顿（参考demo2）

参考：

*.wxml

在view中绑定事件并对应：

touchstart -> 实例对象名.start touchmove -> 实例对象名.move touchend -> 实例对象名.end touchcancel -> 实例对象名.cancel

NOTE:

建议使用catch捕获事件，否则易造成监听动画卡顿（参考demo2）

参考：（上例js中事例对象名为'touch1'）

以上简单两步即可使用YrobotTouch手势库

Yrobot 2019年3月1日 01:55:24

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。