android - 触摸页面导航，在 Android 的 PhoneGap 应用程序中

Question

我正在为 Android 平台制作一个 PhoneGap 应用程序。我希望在触摸移动时从左到右和从右到左进行页面导航。你能帮我怎么做。

谢谢。

Answer 1

遵循这些教程。但是你用 CSS 做动画。通过添加类名。这就是我在图像轮播中用于从右向左滑动图像的内容。

因此，回答您的问题： 1. 熟悉触摸代码和“快速按钮” 2. 了解 CSS 中的关键帧。

/*   Transitions   */
.sliding .in {
  -webkit-animation-name: slideinfromright;
}
.sliding .out {
  -webkit-animation-name: slideouttoleft;
}

@-webkit-keyframes slideinfromright {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideouttoleft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}