Adob​​e Edge移动图片库

Question

我正在使用Adobe Edge Animate创建我的网站的很大一部分，但我也想制作移动版本，所以显然而不是onClick事件，我想使用onTouch事件。我似乎无法找到任何关于如何使用触摸事件的良好信息，因为我之前从未使用它们。

我想制作一个简单的图库，当你向左滑动时向前播放，而在向右滑动时向后播放。

这里最大的问题是，如何根据滑动的方向告诉触摸事件做不同的事情？

Answer 1

首先，你是对的，你想用三个事件处理程序：touchstart，touchmove，touchend你可能需要

一种方法是将用户的手指（S）的起始位置比作结束位置。虽然代码会根据您想要检测的手指数量而有所不同，但我会概述一个您可以调整的基本方法。为了检测一个手指，在“touchstart”事件处理程序输入以下命令：

var xStart = e.originalEvent.touches[0].pageX; 
sym.setVariable('xStart', xStart); 

，将第一根指头的起始x位置存储在一个变量，然后使其在全球其他的事件处理程序访问。 然后在“touchend”事件处理程序中做同样的事情。使用一些逻辑来比较这两个值。

xStart = sym.getVariable('xStart'); 
var xEnd = e.originalEvent.touches[0].pageX; 

if (xEnd > xStart) 
{ 
    sym.playReverse(); 
} 
else if (xEnd < xStart) 
{ 
    sym.play(); 
} 

然后你会有一些停止帧来保存这些图像。

这只是一个例子，但希望它能帮助你走上正轨。 祝你好运！