用于Cordova Android/iPhone应用程序开发的UI

Question

我刚开始使用Cordova/PhoneGap进行Android/iPhone应用程序开发，我对现有的框架数量感到非常困惑。我以Christophe Coenraets (here和here)的教程为起点，设法让一些东西正常工作，但我目前的问题是获得一个好的UI。

上面提到的教程使用了http://topcoat.io/topcoat/和http://goratchet.com/，但这两个工具似乎都支持很少。但这些确实很有吸引力，因为它们是如此轻量级，并且独立于代码的功能方面。

我看过http://mobileangularui.com/，它看起来很棒，但我真的被主页上的“使用Bootstrap和Angular JS构建HTML5移动应用程序”搞糊涂了--我可以只使用UI“层”还是同时需要Angular JS和Bootstrap。这些是本质上不同的、相互竞争的框架吗？

最后，我已经用这些创建了测试应用程序，它们在我的Android 4.2手机上都工作得很好，但在我的旧Android 2.3手机上，所有这些应用程序都有各种问题(通常不能滚动)-这些现代框架不支持那个年龄的手机吗？

提前谢谢你。

Answer 1

为什么不试试Ionic Framework呢？

我用ionic，angularJS，phonegap/cordova一起开发过Android/iPhone，它相当不错。学习起来并不难，工作起来也很有趣。

Answer 2

选择移动框架是基于应用程序的需求。有各种可用的框架，最流行和最广泛使用的是jQuery移动，Sencha Touch和其他。

这个article介绍了Cordova/Phonegap，并与一些移动框架进行了比较，您可以根据需要进行选择。对于科尔多瓦的best practices来说，使用SPAs SinglePageApplications总是更好的，因为jQuery移动和Angular/Backbone可以组合在一起。

Angular vs Backbone！

对于你在像Android2.3手机这样的老式手机上的其他问题:这些框架是为/使用许多功能构建的，比如HTML5、CSS3、localStorage、本地数据库以及其他。所以HTML5的支持在老的手机/Android版本中并不完全支持，本地存储、sqlite和许多其他版本也不完全支持。

您可以查看对HTML5 here的支持，也可以在同一网站或JavaScript的Mozilla Developer Network中查看其他支持。

Answer 3

首先，也是最重要的--您的应用程序应该采用Cordova SPA(单页应用程序)设计。松散地定义，SPA是从网页的一次请求运行的客户端应用程序。用户加载一组初始资源(HTML、CSS和JavaScript)，并通过AJAX完成进一步的更新(显示新视图、加载数据)。SPA通常用于更复杂的客户端应用程序。GMail就是一个很好的例子。加载GMail之后，邮件视图、编辑和组织都是通过更新DOM来完成的，而不是实际离开当前页面来加载一个全新的页面。More.....

您可以在应用程序中使用的SPA库(UI)示例包括：

1) AngularJS

2) jQuery Mobile

3) Kendo UI

4) Sencha Touch

5) Backbone