为移动应用程序的 UI 小部件选择库

Posted 2023-02-22

【中文标题】为移动应用程序的 UI 小部件选择库

【英文标题】：Choosing library for UI widgets for mobile app

【发布时间】：2013-12-29 18:50:45

【问题描述】：

我一直在用 AngularJS 和 zeptoJS 开发一个移动应用程序，但是这两者的结合没有提供任何 UI 小部件

我看过这个话题：Is there a UI library for angularjs for use in a phonegap app?

但我正在寻找更多答案（真的，LungoJS 是唯一的答案？而且我不会使用 jQueryMobile。）。还有其他轻量级库吗？

【参考方案1】：

IonicFramework 正是为此目的而设计的框架。虽然它相当现代。因此，它没有太多的向后兼容性。

Angular Material（目前仅适用于 1.x） Material Design components for Angular 2 OnsenUI - “PhoneGap UI 开发的答案” React Native NativeScript Angular

【讨论】：

aaand 你能告诉我 ionic 和 bootstrap twitter 有什么区别吗？

@Mati 主要区别在于 ionic 针对 AngularJS 进行了优化，并假定您将使用它作为您的应用程序框架。

如果有人对如何开始使用 Phonegap + AngularJS + Ionic 的教程感兴趣：frontendmatters.com/…

【参考方案2】：

我也喜欢 TopCoat，它是一个与 Angular 配合良好的 CSS 移动/桌面框架。在此处查看 Angular 的实际操作：http://coenraets.org/blog/2013/11/sample-mobile-application-with-angularjs/ 和 http://www.topcoat.io 的库

【参考方案3】：

在此处查看我的答案，在那里我恢复了 UI 框架的其他选项以及优缺点。 包括剑道 UI、phone.js、巧克力片、类固醇。

Custom CSS for Mobile development using Phonegap/Cordova

如前所述，上衣和靴子也不错。

【参考方案4】：

Mobile Angular UI 让您可以使用 Bootstrap 3 css 剥离桌面相关媒体查询和 Angular.js 来快速开发移动应用程序。

其目的是实现与 Jquery Mobile 相同的功能，但使用 Bootstrap 3 作为 UI 和 AngularJs 代替 Jquery。

它还提供了 Bootstrap 3 中未包含的其他基本移动组件，例如侧边栏、可滚动区域、绝对定位的顶部和底部导航栏，在滚动时不会反弹等等。

【参考方案5】：

也许重新考虑 jQueryMobile。

几个月前，我们开始了一个新项目，并考虑了上面列出的所有客户端框架选项。我们正在寻找大量针对移动设备优化的 UI 小部件。对我们来说，小部件目录比框架是否提供 MV* 架构更重要，因此 AngularJS、MeteorJS 和 EmberJS 等工具是次要的。我们发现 jQueryMobile 是我们的最佳选择。 Bootstrap、Ionic、Kendo、Sensa 等似乎没有专门用于移动设备的那么多和多样的开箱即用小部件。移动工具领域正在转型，但到目前为止，我认为我们为我们的用例做出了最佳决策。