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

Question

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

Answer 1

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

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

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

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

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