6

我目前正在与一位开发人员合作，该开发人员正在使用 Phone Gap 开发一个相对简单的数据捕获 iPad 应用程序的早期阶段。从 UI 功能上看，该应用程序本质上是：-

  • 5 数据采集“页面”
  • 顶部的导航栏有 5 个选择器指向每个页面
  • 当您加载应用程序时，您位于第 1 页，向左滑动会引入正常的幻灯片动画并将您移动到第 2 页等
  • 当您单击其中一个选择器时，它会引入幻灯片动画并将您移动到该页面
  • 这些页面有简单的数据输入字段、图像和滑块等 - 出于本次测试的目的，我们甚至删除了所有这些，只在每个页面上放置一个占位符字段。

我们目前正在努力克服的关键问题是，每当您移动到另一个页面（通过在导航器上滑动或选择）时，在过渡开始和新页面出现之前会有 1-2 秒的延迟。即使我们从页面中删除图像，也会存在 1-2 秒的延迟。我们希望将此延迟降低到 <0.5 秒和/或让它“感觉”更像是一个原生应用程序，就在页面中移动而言。

从技术层面来看，这就是应用程序的组成部分：-

  • JQM 1.2.0
  • 各种 jQuery 版本高达 1.8.2
  • Web 2.0（HTML5、CSS3、jScript）
  • 网络套件
  • 当前使用多页的单个文件（但是尝试了多页并没有区别）
  • 硬件加速、WebKit 调整、同步转换
  • 众多 JQM 和 jQuery 插件

我们是 PhoneGap 和 iOS 应用程序开发的新手。我们正在继续研究尝试克服这种速度延迟的方法，并想知道：-

  1. 有没有人开发过这样的应用程序并设法使页面切换/滑动顺畅且接近原生？（而且绝对延迟小于 1 秒）
  2. 为了显着提高页面切换速度，是否有任何可靠的提示/途径可供探索？
  3. 有没有人强烈认为我们所看到的可能是使用 PhoneGap 开发时所能获得的最好的东西，如果是这样，是否有替代方案也主要使用 Web 技术，不需要 Xcode 知识，并且比这更具视觉性能?

我将感谢任何人对此提供的任何提示和见解，因为如果无法解决这种延迟和迟缓问题，我们可能需要放弃 Phone Gap 并寻找一个本机解决方案，这在我们的解决方案中并不是一个简单的选择情况。非常感谢您对我第一次发布堆栈溢出的支持！

4

2 回答 2

4

jQuery Mobile 默认为点击事件添加了 300 毫秒的延迟——它正在监听诸如双击和滑动之类的事情。如果您不使用任何这些类型的事件，请考虑合并 FastClick（可在此线程上获得），它解决了我在 PhoneGap/jQueryMobile 应用程序中的速度问题。

于 2012-11-20T16:04:40.273 回答
3

我个人的意见在这里。在尝试让 jQuery mobile 感觉原生时，我没有太多运气。我使用一个名为App-UI的框架来处理页面转换，并作为我的应用程序的基本框架（这个框架是超轻量级的）。然后我用纯 CSS 设计 UI。（这会使应用程序感觉更加原生 - 尝试使用 CSS3 处理过渡）。

https://github.com/triceam/app-UI

这需要其他依赖项，包括：

再说一次，这是我自己的看法。在开发感觉原生的移动应用程序时，这对我来说最有效。

于 2012-11-01T16:31:08.487 回答