在android的蜂窝webview / webkit中实现水平/垂直手指滑动滚动?

我打算实施基于WebView的Honeycomb平板电脑应用程序(所以,基本上这将是一个仅针对平板电脑的 基于HTML5的基于Web的应用程序 )。

我正在寻找实施水平和垂直滚动手指滑动。 为了更好地理解,我创build了示例大纲

通过轻扫进行水平滚动


此图像显示类似于Honeycomb的本机设置活动,左右页面可垂直滚动 通过滑动垂直滚动

任何types的指南或资源是受欢迎的。 谢谢

  • 使用WebView在Android应用程序中alignment文本,但呈现类似于TextView的界面?
  • 如何在Android中捕获一个webview到位图?
  • PictureListener已被弃用和废弃,是否有替代?
  • 三星Android设备上的WebView中不能使用localStorage html5function
  • 如何使用android webview中的代码发送POST数据
  • 在Android webview应用程序中播放本地audio文件
  • 如何提高webview加载时间
  • Android WebView是否需要打开外部URL的权限?
  • 看看iScroll :

    iScroll 4是原始iScroll代码的完整重写。 脚本开发的开始是因为移动webkit(在iPhone,iPad,Android上)没有提供固定宽度/高度元素内的滚动内容。 这种不幸的情况,阻止任何networking应用程序有一个position:absolute页眉和/或页脚和一个滚动的中心区域的内容。

    虽然最新的Android版本支持这个function(虽然支持不是最佳),但苹果似乎不愿意为div添加一个手指滚动…

    这是我迄今为止发现的:

    这取决于你想如何实现滚动。 如果你想附加滑动事件,这是使用众所周知的库实现的最简单的方法:

    • jqTouch – 它可以左右滑动左右事件(似乎所有的基于webkit的animation只能在iOS设备上使用)。 请注意,该项目仍处于testing阶段,并不是非常活跃。 编辑:这也是Sencha实验室的一部分 – 谁积极维护Sencha触摸。
    • Sencha Touch – 他们可以更好地支持手机和平板电脑的所有function。 (注意:开源应用程序是免费的,但不适用于商业应用程序 – 编辑:他们实际上有商业许可证。
    • jQueryMobile – 他们是非常稳定的(在RC1截至目前),并有左右滑动事件,但我无法find向上或向下滑动。 如果您只需要向左滑动,请点按,然后按住jQM。 他们有最好的社区支持。
    • RAW JS – 最后,如果您想要某些原始javascript,请访问HTML5Rocks文章,以更好地深入了解touch事件的工作原理。

    我希望它有帮助。 我仍然努力实现向上滚动,因为我不想等待滑动结束,而是尝试实现即时滚动反馈,使用RAW JS坐标变得非常接近,但是并不令人满意。

    从iScroll的创造者, SwipeView似乎是一个不错的专用替代品。 看看演示1和演示2 。

    我还没有testing,但我一定会。 由于演示在我的iPad上performance良好。

    你可能会发现这个库非常有用: https : //github.com/cubiq/2-way-iScroll

    它处理垂直滚动和水平滑动的情况。