Phonegap -架构设计

Question

我有一个关于Phonegap基本架构设计的问题：

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

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

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

2.在哪里可以通过创建(和部署)完整的phonegap项目的示例获得很好的解释。

谢谢，Asaf

Answer 1

请继续阅读名为“get started Guild”的phonegap文档。你可以在5个移动平台sdk中设置Phonegap。

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

你可以使用两种方式在phonegap中构建底部标签栏，特别是在iPhone中，你可以调用native UITabBarController，或者你可以使用HTML，JS和css自定义底部标签栏，这样可以在许多平台上使用。

有许多好的js插件可用于移动，你可以很容易地集成到Phonegap中，如sencha touch，JQTouch，jQuery Moblie等。

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

如果您对集成sencha框架感兴趣，请下载sencha框架

演示- http://dev.sencha.com/deploy/touch/examples/kitchensink/

如果您对JQtouch感兴趣，可以找到有用的代码here

演示- http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

谢谢,

马约尔

Answer 2

只是偶然发现了这个链接，虽然这个问题很老，但为了方便后续的访问者，在这里回答了这个问题。

PhoneGap / Cordova应用程序可以以两种风格编写

1. 单页应用程序(基于ajax，1个html文件(index.html) +无JS、css、资源)
2. 多页应用程序(多个Html页)

根据我的经验，我建议采用单页面应用程序策略，原因是它比多页面应用程序具有许多性能优势，如下所示

多页应用的缺点缺点

由于页面之间的转换而导致的

- Flicker and blank screen when pages are loaded and unloaded
- Lose anything in-memory in JavaScript.(libraries, collected data)

​

1. PhoneGap JavaScript库应包含在使用PhoneGap API的每个页面中。

- Now this expects to have DeviceOnReady event fired for Every page , this will incur

应用程序中的大量延迟，这是非常不受欢迎的。

​

1. 苹果应用商店(白衣黑巨人)

- Any app that looks or behaves like website will be  rejected and it is explicitly stated inthe Apple’s iOS   Human Interface Guidelines that apps exhibiting “Web Based Designs” will be rejected.

​

构建酷单页面( UI + PhonegGap )应用程序的建议框架

1. Sencha Touch2.x，这是一个非常全面的移动框架，完全基于

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

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

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