用于 Cordova Android/iPhone 应用程序开发的 UI [关闭]

Posted 2023-03-31

【中文标题】用于 Cordova Android/iPhone 应用程序开发的 UI [关闭]

【英文标题】：Which UI to use for Cordova Android/iPhone app development [closed]

【发布时间】：2014-07-15 12:48:01

【问题描述】：

我开始使用 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 手机中所有这些都存在各种问题（通常不会滚动） - 这些现代框架不支持吗那个年代的手机？

提前谢谢你。

【参考方案1】：

为什么不试试Ionic Framework

我已经将 ionic、angularJS、phonegap/cordova 一起用于 Android/iPhone 开发，它非常好。学习起来并不难，使用起来也很有趣。

【讨论】：

嗨，我确实也快速浏览了一下，但由于它处于测试阶段而被推迟，而且它似乎正在向 cordova/phonegap 添加另一层。不过谢谢，我再看看。

我想这取决于您的需求，Ionic 涵盖了很多领域，但到目前为止我还没有遇到任何问题 - 已经使用它大约 3 个月了。构建了一个推送消息应用程序。

【参考方案2】：

根据应用的要求选择移动框架。有各种可用的框架，最流行和使用最广泛的是 jQuery Mobile、Sencha Touch 等。

这个article 介绍了 Cordova/Phonegap 和一些移动框架的比较，你可以根据需要选择它。对于 Cordova 中的 best practices，最好使用 SPA - SinglePageApplications 可以将 jQuery Mobile 和 Angular/Backbone 结合起来。

Angular vs Backbone!

关于 Android 2.3 手机等旧手机的其他问题： 这些框架是为/使用许多功能而构建的，例如 HTML 5、CSS 3、localStorage、本地数据库等。因此，旧手机/Android 版本、本地存储、sqlite 等并不完全支持 HTML 5。 .

您可以查看对 HTML 5 here 的支持，也可以在同一网站或 Mozilla Developer Network 中查看对 javascript 的支持。

【讨论】：

感谢您提供的链接，我已经阅读了 Smashing Mag，是的，我正在做一个 SPA。 Re Angular vs Backbone，我可以在没有任何一个的情况下使用 mobileangularui.com 吗？

此外，在 CanIuse 网站上，对于 ios Safari/Android 浏览器，这些浏览器引擎是否与 cordova 应用程序中使用的 webviews 使用的浏览器引擎相同？

@user602088：我从来没有使用过mobileangularui，看起来他们已经用AngularJS和Twitter Bootstrap作为模板构建了它，而且他们已经构建了他们的UI。我更喜欢使用 jQuery Mobile 或 Sencha Touch，然后单独使用 AAngular。因为它们被广泛使用，并且有许多论坛、博客、资源可用，并且可以轻松定制和调试。

正如你提到的iOS Safari/Android浏览器，两者是不同的引擎，所以cordova中使用的webview依赖于iOS中的Safari和Android中的Android浏览器..所以它们的版本对功能的支持不同.. Cordova Platform Support

【参考方案3】：

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

您可以在 Cordova 应用程序中使用的 SPA 库 (UI) 示例如下：

1)AngularJS

2)jQuery Mobile

3)Kendo UI

4)Sencha Touch

5)Backbone