onsen framework mobile hybrid-mobile-app ionic-framework onsen-ui

mobile - framework - onsen ui



OnsenUI vs Ionic Framework (7)

Quiero comenzar a desarrollar una aplicación híbrida móvil usando angularjs, css3 y html5. Estaba buscando un marco y encontré estos dos. Ambos se ven muy bien, sin embargo, no pude obtener una buena comparación entre los dos. ¿Puede alguien enumerar pros y contras para ambos?

Una comparación entre ellos en términos de componentes escalables, fuera de la caja, velocidad y compatibilidad con Angular y dispositivos dirigidos será muy útil


Como ambos marcos son bastante nuevos y no muy populares (¡aún!), No creo que nadie se haya tomado el tiempo de hacer una comparación exhaustiva entre los dos. Ni siquiera creo que el conjunto final de componentes listos para usar esté determinado por los propios desarrolladores, pero el desarrollo activo aún está en marcha.

En cuanto a la compatibilidad, las aplicaciones híbridas se ejecutan en los navegadores nativos de los dispositivos en los que están instaladas. Ambos marcos necesitan CSS3, por lo que los teléfonos antiguos nunca serán compatibles con ninguno de los marcos.

La etiqueta OnsenUI aquí en es el único soporte que OnsenUI ofrece (actualmente), y al momento de escribir hay 0 preguntas / respuestas. Ionic tiene un foro muy activo en su sitio web + algunas preguntas / respuestas aquí en SO.

Creo que tener una comunidad activa respaldando un marco eventualmente conducirá a un mejor marco. Por lo tanto, iría por Ionic. Personalmente, creo que el diseño estándar de Ionic también es más atractivo, pero debes juzgarlo por ti mismo.


Encontré a Ionic como el mejor por algunos motivos, como el apoyo de su comunidad y la documentación. Todavía estoy evaluando el onsen desde hace mucho tiempo, pero todavía no he encontrado la única cosa que me llevará hacia ella en comparación con Ionic


Estoy trabajando en Ionic Framework durante 1 año con un proyecto real, he creado un juego con Ionic, es muy especial porque la aplicación híbrida no es la mejor opción si quieres crear un juego. ¡Cuando desarrollas un juego necesitas rendimiento! Sin embargo, si desarrolla un juego simple con pocas animaciones, es bueno. Aquí está mi juego en playstore, es un juego de memoria "Memory Party": https://play.google.com/store/apps/details?id=fr.jhaccoun

Por qué Ionic es una buena opción:

  1. documentación muy muy buena (tutorial, foro, artículo, ...)
  2. estable (iónico 1), puedes encontrar muchas aplicaciones en la tienda
  3. Fácil de desarrollar (iónica viene con muchas herramientas para ayudar al desarrollador, puede desarrollar y probar en vivo en su teléfono sin implementar gracias de recarga en vivo
  4. Muchos módulos de cordova están disponibles
  5. no necesitas habilidades móviles, solo angularjs, html, css ...
  6. Ionic proporciona hermosos componentes y puede personalizar los componentes si lo desea

Ha pasado un año desde que ambos frameworks fueron lanzados. Onsen UI se encuentra actualmente en la versión 1.2 estable, mientras que Ionic está en el último estado candidato de la versión.

He trabajado con ambos, así que permítanme darles una breve descripción, también escribí un artículo de blog mucho más extenso, lo encontrarán al final de esta respuesta.

No entraré en muchos detalles sobre el marco central; si tiene conocimientos previos de AngularJS, hará una transición fácil a la IU de Ionic u Onsen.

  • Ambos marcos están construidos alrededor de AngularJS y dependen en gran medida de las directivas, también puedes construir fácilmente tus directivas personalizadas. Onsen UI también cuenta con un soporte jQuery (innecesario si me preguntas).

  • Ambos marcos son compatibles con Android 4+, iOS 6+ (algunas funciones están disponibles en Android 2.3), Onsen UI también es compatible oficialmente con Firefox OS y navegadores de escritorio. Ionic no tiene un soporte de escritorio oficial, pero seguirá funcionando (no será bonito, imagínense).

  • Ionic actualmente no es compatible con la plataforma Windows Mobile (lo tendrá en el futuro); Onsen UI support está actualmente en desarrollo (desde noviembre de 2014).

  • Ambos marcos admiten algún tipo de característica de vista dividida para que puedan usarse para el desarrollo de tablas.

  • Ambos marcos tienen una interfaz de usuario plana y hermosa. Prefiero el aspecto y la interfaz de usuario de ION sobre Onsen, pero esto es una cuestión de gusto personal. Ambos temas predeterminados parecen iOS 7.

  • Onsen UI es compatible con temas nativos para Android e iOS. El marco iónico usa el mismo tema para todas las plataformas, pero algunas características dependerán de la plataforma (por ejemplo, apariencia y sensación de tabulación)

  • Ambos marcos tienen un constructor de temas de trabajo.

  • Ionic admite SASS, mientras que Onsen UI se basa en la biblioteca Topcoat CSS.

  • Ambos marcos tienen un gran soporte de widgets (directivas)

  • Onsen UI tiene una mejor documentación. Está separado en dos lugares diferentes. El primero es "Componentes" donde puede ver diferentes directivas y cada una tiene un ejemplo de trabajo que puede usar y replicar. La segunda parte es una "Guía" en la que se le guía a través del proceso de creación de la aplicación.

  • Ionic tiene una documentación desorganizada (muy fragmentada). Le falta un tutorial real para "comenzar", incluso si tiene experiencia previa con AngularJS. Muestra tus piezas, pero no cómo conectarlas correctamente.

  • Por otro lado, Ionic tiene una comunidad mucho más grande, por lo que encontrará fácilmente soluciones de problemas.

  • Ionic framework tiene un gran foro oficial + gran comunidad de . Al mismo tiempo, Onsen UI usa solo como centro de ayuda (yo llamaría esto un error).

  • Onsen UI tiene un IDE HTML5 llamado MONACA IDE (gran herramienta), Ionic IDE está actualmente en producción; puedes participar en la prueba beta.

  • Ionic tiene una creciente comunidad de complementos de terceros (por ejemplo, selector de fecha); No pude encontrar ningún complemento Onsen UI de terceros

Escribí un artículo mucho más extenso que cubre cambios de IU de Ionic / Onsen, búsquelo here .


Ionic tiene una función más madura y un conjunto de componentes CSS listos para usar. Los servicios de delegado inyectables, que representan los elementos de la interfaz de usuario (directivas), le brindan más control sobre las interacciones UI / UX. La comunidad de desarrollo es (actualmente) muy activa y está ganando tracción.

No puedo hablar correctamente de velocidad / rendimiento entre los dos, pero sé que ambos están optimizados para dispositivos móviles.

A medida que desarrolle más, informaré con comparaciones. Buena suerte.


Recién comencé a utilizar el desarrollo iónico después de un tiempo. ¡Debo decir seriamente que tiene algunas excelentes características cli! Por ejemplo, puedes comenzar tu proyecto desde un punto de vista en mi opinión, es bueno tenerlo para poc''s

¡Havent ha podido probar todo, pero lo que he visto realmente me impresiona!

Está bien documentado por su propia cuenta, comunidad activa y sigue mejorando.

Solo quería compartir mis pensamientos sobre lo que vale


Iónico

  • El estilo angular es más parecido al de rutas, controladores y plantillas, y su estructura es algo complicado en primera mano.
  • comando como "ionic start myApp pestañas" todavía no está disponible en onsenUI
  • Diseño de materiales como "Cartón" están disponibles

OnsenUI

  • estructura más simple, fácil de comenzar
  • pareja con Monaca IDE, algunas de las funciones solo están disponibles solo si usa Monaca. de lo contrario, tienes que crear cosas por ti mismo.
  • apoyado ios8 diseño recientemente