OnsenUI与Ionic Framework

Question

我想开始使用angularjs,css3和html5开发移动混合应用程序.正在寻找一个框架并找到了这两个.两者都看起来非常好,但我无法在两者之间进行良好的比较.任何人都可以列出两者的利弊.

它们在可扩展,开箱即用的组件,速度以及与Angular和设备的兼容性方面的比较将非常有帮助

Answer 1

自两个框架发布以来已过去一年.Onsen UI目前处于稳定的1.2版本,而Ionic处于最后一个候选版本状态.

我和他们两个合作过,所以让我给你一个简短的概述,我还写了一篇更大的博客文章,你会在这个答案的最后找到它.

我不会详细介绍核心框架; 如果您有以前的AngularJS知识,您将轻松过渡到Ionic或Onsen UI.

• 这两个框架都是围绕AngularJS构建的,它们很大程度上依赖于指令,您也可以轻松地构建自定义指令.Onsen UI还具有jQuery支持(如果你问我,不需要).

• 两个框架都支持Android 4 +,iOS 6+(某些功能在Android 2.3上可用),Onsen UI也正式支持Firefox OS和桌面浏览器.Ionic没有官方桌面支持,但它仍然可以工作(它不会很漂亮,想象).

• Ionic目前不支持Windows Mobile平台(将来会有它); Onsen UI支持目前正在开发中(自2014年11月起).

• 这两个框架都支持某种splitview功能,因此可以用于表开发.

• 这两个框架都具有独特的美观平面UI.我更喜欢Ionic而不是Onsen UI的外观和感觉,但这是个人品味的问题.这两个默认主题看起来都像iOS 7.

• Onsen UI支持Android和iOS的原生外观主题.Ionic框架对所有平台使用相同的主题,但某些功能将取决于平台(例如选项卡外观)

• 两个框架都有一个工作主题构建器.

• Ionic支持SASS,而Onsen UI是围绕Topcoat CSS库构建的.

• 两个框架都有一个大的小部件支持(指令)

• Onsen UI有更好的文档.它在两个不同的位置分开.第一个是"组件",您可以在其中查看不同的指令,每个指令都有一个可以使用和复制的工作示例.第二部分是"指南",您将在其中指导应用程序创建过程.

• Ionic有一个杂乱无章的文档(严重碎片化).它缺乏一个真正的"入门"教程,即使你有以前的AngularJS经验.它会向您显示碎片,但不会显示如何正确连接它们.

• 另一方面,Ionic拥有更大的社区,因此您可以轻松找到问题解决方案.

• 离子框架有一个很棒的官方论坛+大型StackOverflow社区.与此同时,Onsen UI仅使用StackOverflow作为帮助中心(我称之为失败).

• Onsen UI有一个名为MONACA IDE的HTML5 IDE(很棒的工具),Ionic IDE目前正在生产中; 你可以参加beta测试.

• Ionic拥有不断增长的第三方插件社区(例如日期选择器); 我找不到任何第三方Onsen UI插件

我写了一篇更大的文章,涵盖了Ionic/Onsen UI的变化,在这里找到它.

Answer 2

由于这两个框架都是新的并且不是很受欢迎(但是!),我认为没有人花时间对两者进行广泛的比较.我甚至不认为开箱即用的最终组件是由开发人员自己决定的,积极的开发仍在继续.

至于兼容性,混合应用程序在安装它们的设备的本机浏览器中运行.这两个框架都需要CSS3,因此任何一个框架都不会支持旧手机.

StackOverflow上的OnsenUI-tag是OnsenUI提供的唯一支持(目前),在撰写本文时,有0个问题/答案.Ionic在他们的网站上有一个非常活跃的论坛+在这里有一些问题/答案.

我认为拥有一个积极的社区支持框架最终会带来更好的框架.因此,我会选择Ionic.就个人而言,我发现Ionic的标准设计也更具吸引力,但你应该为自己判断.

Answer 3

离子的

• 更倾向于Angular风格,如路线,控制器和模板,它的结构在第一手有点复杂.
• 像"离子启动myApp选项卡"这样的命令在onsenUI中仍然不可用
• 像"Cardboard"这样的材料设计可供选择

OnsenUI

• 结构更简单,易于启动
• 配合Monaca IDE,部分功能仅在您使用Monaca时才可用.否则你必须自己创造东西.
• 最近支持ios8设计