如何使用phoneGap创建多个屏幕/视图?

时间:2014-08-22 17:26:11

标签: ios css cordova mobile

我正在构建一个阅读应用程序,并希望第一次尝试使用phoneGap。我对HTML,CSS和JS很满意,但对xCode没有多少经验。让我们说,对于主屏幕上的这个阅读应用程序,我有一个按钮。当用户点击按钮时,我希望它重定向到另一个屏幕/视图。这样做的正确方法是在主页上创建一个链接,当它们点击它时会将它们重定向到另一个视图吗?我不认为我需要其他型号或控制器,但我不确定。

1 个答案:

答案 0 :(得分:7)

在Phonegap应用程序中实现多个“视图”的最佳方法是使用“单页面应用程序”设计模式。

Phonegap应用程序是本机应用程序,它将本机webview设置为应用程序的默认和唯一本机视图。虽然您可以使用插件来实现其他类型的本机视图,但基本的Phonegap应用程序仅使用一个本机视图。

无论如何,您都可以在webview中使用HTML / CSS / JS进行编程。

如果您不熟悉单页网站设计模式,这里有一个基本的解释:

  • 一个单一的html文件
  • 使用具有特定ID的div个容器来显示和隐藏内容
  • Ajax请求用于操作应用程序中的数据(因此不需要刷新页面)