Question

我对Phonegap基本架构设计有疑问：

1. phonegap项目包含一个“index.html”文件，用于控制应用程序的流程和功能。

如果我需要实现一个包含4个选项卡的应用程序，一般的想法是创建4个类，每个选项卡一个，为其视图分配中间部分（上部和下部是静态条）并更改每个在标签栏（底栏）上发生点击事件的时间。

我应该将所有内容压缩到一个巨大的index.html文件中还是使用几个html文件，但是当项目通过Phonegap部署时，如何上传多个文件（因为部署需要一个html文件）。

2.我可以通过创建（和部署）完整的phonegap项目的示例得到一个很好的解释。

谢谢，阿萨夫

Answer 1

刚刚看到这个链接，虽然这是一个非常古老的问题，为了后续访问者的利益而回答这里。

PhoneGap / Cordova应用程序可以用两种语言编写

单页应用程序（基于ajax，1个html文件（index.html）+ JS，css，资源无）
多页应用（多个Html页面）

根据我的经验，我建议，选择单页应用策略，因为它比多页应用具有许多性能优势，如下所示

多页面应用程序的缺点缺点

由于页面之间的转换
- 加载和卸载页面时闪烁和空白屏幕
- 在JavaScript中丢失任何内存。（库，收集的数据）
PhoneGap JavaScript库应该包含在使用PhoneGap API的每个页面中。
- 现在预计会为每个页面触发DeviceOnReady事件，这将导致发生应用中存在大量延迟，这是非常不受欢迎的。
Apple Appstore（白色黑暗巨人）
- 任何看起来或行为类似于网站的应用都将被拒绝，并且在Apple的iOS人机界面指南中明确声明，将拒绝展示“基于网络的设计”的应用。

构建Cool Single页面（UI + PhonegGap）应用程序的建议框架

Sencha Touch 2.x，这是非常全面的移动框架，完全基于

HTML5，css，JS也提供内置的MVC也开箱即用，所以它的MVCS

M - Model
V - View 
C - Controller
S - Store

查看http://www.sencha.com/products/touch/

Answer 2

请使用名为“get started Guild”的文档获取phonegap。您可以在5个移动平台sdk中设置Phonegap。

现在，Phonegap运行HTML，CSS和Javascript，因此您需要熟悉HTML，css，javascript，是的，您可以在自己的网页上创建多个html页面app，要从一个html页面导航到另一个html页面，你只需要从index.html调用js方法window.location，这是phonegap应用程序的默认主html页面。

您可以在iPhone中使用2种方式在{Phone}您可以调用native UITabBarController来构建底部标签栏，或者您可以使用HTML，JS和css自定义底部标签栏，以便对许多人有用平台。

有很多适用于移动设备的优秀js插件可以轻松集成到Phone {sencha touch，JQTouch，jQuery Moblie等等。

以下链接可帮助您在phonegap中设置sencha- http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap

如果您有兴趣整合sencha框架，请下载sencha框架
演示 - http://dev.sencha.com/deploy/touch/examples/kitchensink/

如果您对JQtouch感兴趣，可以找到有用的代码here
演示 - http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

感谢，
Mayur

Phonegap - 建筑设计

2 个答案: