【问题标题】:OnsenUI vs Ionic FrameworkOnsenUI 与 Ionic 框架
【发布时间】:2014-03-18 12:26:23
【问题描述】:

我想开始使用 angularjs、css3 和 html5 开发移动混合应用程序。正在寻找一个框架,并找到了这两个。两者看起来都很好,但是我无法对它们进行很好的比较。谁能列出两者的优缺点。

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

【问题讨论】:

    标签: mobile hybrid-mobile-app ionic-framework onsen-ui


    【解决方案1】:

    由于这两个框架都很新而且不是很流行(还没有!),我认为没有人花时间对两者进行广泛的比较。我什至不认为最终的开箱即用组件是由开发人员自己决定的,积极的开发仍在进行中。

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

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

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

    【讨论】:

    • 我认为 Ionic 尚未流行的观点已经过时,应该删除。离子在今天非常流行,并且被大量使用。我同意的一件事是 Ionic 背后的活跃开发者,它非常棒,还有一个支持论坛。我最近遇到了温泉,我的上帝,它做得很好。我还没有使用它,但如果你想要我的投票 id 说 Ionic 但是温泉看起来确实很有希望。
    • 我自己很想看到更多的比较。我个人想迁移到 Angluar 和 Appbuilder 来进行移动开发,并且只是在寻找一个好的表示层。 Ionic 看起来很快,还有一些很好的展示示例,我只是听说 Onsen 如此渴望看到更多。
    【解决方案2】:

    Ionic 具有更成熟的特性和开箱即用的 CSS 组件集。代表 UI 元素(指令)的可注入委托服务使您可以更好地控制 UI/UX 交互。开发社区(目前)非常活跃,并且越来越受到关注。

    我无法正确谈论两者之间的速度/性能,但我知道两者都针对移动设备进行了优化。

    随着我的发展越来越多,我将通过比较进行报告。祝你好运。

    【讨论】:

      【解决方案3】:

      经过一段时间的原生开发后才开始使用 ionic。必须认真地说它有一些很棒的 cli 功能!例如,您可以从我认为的要点开始您的项目,这对于 poc 来说很好

      无法测试所有内容,但我所看到的确实让我印象深刻!

      它以自己的方式有据可查,活跃的社区,并且不断变得更好。

      只是想分享我对它的价值的看法

      【讨论】:

        【解决方案4】:

        离子

        • 更倾向于像路由、控制器和模板这样的 Angular 风格,而且它的第一手结构有点复杂。
        • 类似“ionic start myApp tabs”的命令在 onsenUI 中仍然不可用
        • 提供“纸板”等材料设计

        温泉UI

        • 结构更简单,上手容易
        • 结合 Monaca IDE,有些功能只有在使用 Monaca 时才可用。否则你必须自己创造东西。
        • 最近支持ios8设计

        【讨论】:

          【解决方案5】:

          自这两个框架发布以来已经过去了一年。 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 月起)。

          • 两个框架都支持某种拆分视图功能,因此它们可以用于表格开发。

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

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

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

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

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

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

          • Ionic 的文档杂乱无章(非常分散)。即使您以前有 AngularJS 经验,它也缺乏真正的“入门”教程。它向您展示了各个部分,但没有展示如何正确连接它们。

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

          • Ionic 框架有一个很棒的官方论坛 + 大型 StackOverflow 社区。同时,Onsen UI 仅使用 StackOverflow 作为帮助中心(我认为这是失败的)。

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

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

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

          【讨论】:

          • 我发现您的文章内容丰富。在许多情况下,您的经验为我们节省了时间。谢谢。
          【解决方案6】:

          我在 Ionic 框架中工作了 1 年,从事一个真正的项目,我用 Ionic 创建了一个游戏,它非常特别,因为如果你想创建游戏,混合应用程序不是最佳选择。当您开发游戏时,您需要性能! 但是,如果您开发具有少量动画的简单游戏,那就太好了。 这是我在 Playstore 中的游戏,它是一款记忆游戏“Memory Party”: https://play.google.com/store/apps/details?id=fr.jhaccoun

          为什么 Ionic 是一个不错的选择:

          1. 非常非常非常好的文档(教程、论坛、文章...)
          2. 稳定(离子 1),您可以在商店中找到许多应用程序
          3. 易于开发(ionic 提供了许多工具来帮助开发人员,您无需部署即可在手机中进行实时开发和测试,感谢实时重新加载
          4. 提供许多 cordova 模块
          5. 你不需要移动技能,只需要 angularjs、html、css...
          6. Ionic 提供漂亮的组件,您可以根据需要自定义组件

          【讨论】:

            【解决方案7】:

            出于某些原因,我发现 Ionic 是最好的,比如他们的社区支持和文档。很长一段时间以来,我仍在评估温泉,但与 Ionic 相比,仍然没有找到一件能让我更喜欢它的独特事物

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2014-04-22
              • 2015-02-14
              • 2017-07-09
              • 2017-01-23
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多