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(); 
} 

然後你會有一些停止幀來保存這些圖像。

這只是一個例子，但希望它能幫助你走上正軌。 祝你好運！