javascript - 在单页上应用 Touch Swipe，用于动态加载数据的页面？

Question

我使用过一次又一次加载数据的单页。

正在使用同一页面加载数据；即标题、照片和描述。你能帮我在里面应用滑动功能吗？我正在构建一个像 Pulse News 这样的应用程序，在滑动功能上检查它。我用 phonegap、HTML5、CSS3 和 JavaScript 以及 jQuery Mobile 构建了它。

我知道如何滑动页面，其中不止一页但只有一页动态加载数据并且仅更改内容，所以我应该如何向它添加滑动以使其工作iPhone 和安卓？

Answer 1

您的应用中有多少页面并不重要。您需要检测 Activity 中的 SWIPE 操作并重新加载数据，而不是真正的滑动页面。要做到这一点:在您的触摸事件监听器中，检测:

ACTION_MOVE

像这样:

if(event.getAction() != MotionEvent.ACTION_MOVE)

甚至检查距离以确保发生滑动:

switch(event.getAction())
 {
     case MotionEvent.ACTION_DOWN:
              if(isDown == false)
              {
                     startX = event.getX();
                     startY = event.getY();
                     isDown = true;
              }
              Break;
              case MotionEvent.ACTION_UP
              {
                     endX = event.getX();
                     endY = event.getY();
                     break;
          }
}

然后计算距离，如果听起来不仅仅是咔嗒声...考虑它是滑动并重新加载您的数据祝你好运