微信开发简介（四）触摸事件（安卓微信3d触摸）

”“什么是事件？事件是从视图层到逻辑层的一种通信方式。

事件可以将用户的行为反馈给逻辑层进行处理。

事件可以绑定到组件，当触发事件到达时，将执行逻辑层中相应的事件处理函数。

事件对象可以携带额外的信息，如id、数据集、触摸。

事件分类触摸开始手指触摸

触摸触摸后移动手指。

Touchcancel手指触摸动作中断，如弹窗和来电提醒。

触摸结束手指触摸动作结束。

轻点手指触摸并离开。

Longtap在触摸手指超过350毫秒后离开。

事件绑定事件绑定的编写方式与组件的属性相同，采用键和值的形式。

Key以bind或catch开头，然后跟随事件类型，如bindtap、catchtouchstart。

值是一个字符串，需要在相应的页面中定义一个同名的函数。否则，当事件被触发时将会报告错误。绑定事件绑定不会阻止冒泡事件向上冒泡，而catch事件绑定可以阻止冒泡事件向上冒泡。

以上简单介绍了小程序事件的基础，是时候展示“事件”的威力了:

单击（点击）

双击（双击）

龙塔普

幻灯片

多点触摸

1.点击和点击事件由触摸开始和触摸组成，点击事件在触摸后触发。

& lt视图& gt& lt按钮类型= & quot主要& quotbindtouchstart = & quotmytouchstart & quotbindtouchend = & quotmytouchend & quotbindtap = & quotmytap & quot& gt单击我& lt/view & gt；mytouchstart:函数{ console . log（e . timestamp+& amp；#39;-触摸启动和；#39;）}，my touch end:function（e）{ console . log（e . timestamp+& amp；#39;-触摸端& amp#39;）}，mytap:function（e）{ console . log（e . timestamp+& amp；#39;-龙头& amp#39;) }2.双击双击事件由两个单击事件组成，并且它们之间的间隔小于300ms，这被认为是双击；微信官方文档中没有双击事件，需要开发者自己定义处理。

& lt视图& gt& lt按钮类型= & quot主要& quotbindtap = & quotmytap & quot& gt单击我& lt/view & gt；

3.离开前按住事件350毫秒以上。

& lt视图& gt& lt按钮类型= & quot主要& quotbindtouchstart = & quotmytouchstart & quotbindlongtap = & quotmylongtap & quotbindtouchend = & quotmytouchend & quotbindtap = & quotmytap & quot& gt单击我& lt/view & gt；mytouchstart:函数{ console . log（e . timestamp+& amp；#39;-触摸启动和；#39;）}、//长按event mylongtap:function（e）{ console . log（e . timestamp+&；#39;-长时间敲击和敲击；#39;）}，my touch end:function（e）{ console . log（e . timestamp+& amp；#39;-触摸端& amp#39;）}，mytap:function（e）{ console . log（e . timestamp+& amp；#39;-龙头& amp#39;）}单击、双击和长按属于触摸事件，将触发touchstart、touchend和tap事件。touchcancel事件只能在真实机器中模拟，所以我不需要多说什么。

事件触发顺序点击触摸开始→触摸→点击双击触摸开始→触摸→点击→触摸开始→触摸→点击长按触摸开始→长按→触摸→点击4。滑动手指触摸屏幕并移动它。为简单起见，我们以水平滑动和垂直滑动为例。滑动事件由触摸开始、触摸移动和触摸结束组成。

坐标图:

建立一个以屏幕左上角为原点的直角坐标系。第四象限是手机屏幕，Y轴越低坐标值越大（注意与数学象限的区别）。

假设A点是touchstart事件的触摸点，坐标为A（ax，ay），然后手指向上滑动到B点（bx，by），满足条件by。

同样，向右滑动到C（CX，cy）以满足CX》ax；；向下滑动到D（dx，dy）以满足dy》ay；；向左移动，直到E（ex，ey）满足ex。

计算线段AB在Y轴上的投影长度为m，在X轴上的投影长度为n。

计算r = m/n，如果r》1，则视为向上滑动。

类似地，计算线段AC、AD和AE在Y轴上的投影长度与在X轴上的投影长度的比率，并获得向右、向下和向左的滑动。

上面没有考虑r为1的情况。

& lt视图& gt& lt按钮类型= & quot主要& quotbindtouchstart = & quotmytouchstart & quotbindtouchmove = & quot我的触摸移动& gt单击我& lt/view & gt；

5.多点触控由于模拟器还不支持多点触控，内测开启后会继续补充。

【相关建议】

1.下载微信微信官方账号平台源代码。

2.微信投票源代码

3.微信货拉拉外卖2.2.4解密微信魔方开源版源代码。

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信开发简介（四）触摸事件（安卓微信3d触摸） https://zhujicankao.com/113785.html