Directives Ionic VS Directives de matériaux angulaires avec Ionic Framework


98

Je veux utiliser l' ionique avec la conception matérielle. Je suis coincé entre l'utilisation de directives ioniques avec CSS personnalisé et angular-material

J'ai lu qu'en utilisant des directives ioniques, nous obtenons de nombreuses fonctionnalités efficaces telles que

  • Les données de l'application sont mémorisées avec l'interface utilisateur du routeur, même après avoir accédé à une autre vue et être revenu à la page

  • Les éléments de la liste ionique sont rendus uniquement jusqu'à la hauteur d'affichage et réutilisés lors du défilement vers le bas ou vers le haut

et de nombreuses améliorations de performances.

Mais, si j'utilise des directives ioniques, elles n'ont pas la conception matérielle.

Si j'utilise un matériau angulaire, je n'aurai pas ces améliorations de performances ni les fonctionnalités supplémentaires nécessaires pour une application mobile.

Les directives de matériau angulaire sont comme

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>

Les directives ioniques sont comme

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

On dirait que Ionic finance le développement de projets de matériaux angulaires , alors pourquoi le matériau angulaire n'est-il pas compatible avec l'utilisation d'ionic?

Comment puis-je utiliser des composants à matériau angulaire sans perdre les améliorations de performances et les fonctionnalités d'ionic?

OU

existe-t-il une meilleure idée d'utiliser la conception de matériaux avec ionic?


Cela prendra probablement un certain temps, jusqu'à ce que ngMaterial et ionic fonctionnent ensemble. Ionic doit également toujours prendre en charge iOS. Je ne sais pas où Ionix se dirige en termes de conception. Lorsque le projet a démarré, ils voulaient que les applications soient identiques sur toutes les plates-formes. Ils ont atteint cet objectif il y a quelque temps et se dirigent maintenant vers une plus grande continuité de la plate-forme, ce qui est également montré par l'offre d'emploi. Vous voudrez peut-être demander directement aux développeurs (le forum Ionic est un bon endroit pour demander) concernant la feuille de route pour la conception de matériaux.
Markus Müller

1
J'ai posté dans des forums ioniques, sans succès. Certaines applications Google utilisent la conception matérielle sur Android et iOS. Mais je suis actuellement intéressé par Android. iOS est plus cher et chaque année: (. Cela décourage simplement les débutants comme moi de rejoindre iOS. Je pense que iOS devrait utiliser des frais limités pour le compte développeur.
Vamsi

Je suis sûr qu'ils annonceront la feuille de route post v1 dans un proche avenir.
Markus Müller

Réponses:


71

J'ai trouvé un framework CSS de conception matérielle appelé Materializecss . Cela semble prometteur. C'est juste un cadre CSS et javascript.

http://materializecss.com/

Avantages par rapport aux autres frameworks

  1. Les classes CSS pures, n'entreront pas en conflit avec les directives ioniques. Aucune perte de performance.
  2. De tous les cadres que j'ai vus, c'est le seul qui suit de près les règles de conception matérielle
  3. Presque prêt, il a environ 50+ contributeurs, sa version actuelle 0.95.3 en moins de 6 mois
  4. Facile à utiliser. Bien documenté avec une navigation judicieuse.
  5. Il possède presque toutes les fonctionnalités de conception matérielle nécessaires pour une application.

Cette page http://materializecss.com/getting-started.html vous montrera comment l'inclure dans vos projets.

J'espère que cela vous aidera à rechercher un bon cadre de conception de matériaux.

MISE À JOUR: 09/07/2015

J'ai trouvé un autre cadre CSS léger et puissant pour la conception de matériaux

Material Design Light http://www.getmdl.io/

Il est léger, a des animations fluides et rapides, assez beau. Il a été réalisé par l'un des développeurs Google. Il est officiellement promu par google https://developers.google.com/web/ . Cela devient très populaire, essayez-le. Comparaison avec le matériau angulaire

MISE À JOUR: 23/10/2015

Ionic2 prend en charge InBuilt pour la conception de matériaux sous Android

C'est officiel, vous pouvez regarder la démo Ionic2 dans AngularConnect , il a la conception matérielle par défaut pour Android. Nous n'avons pas à nous soucier du choix d'un cadre de conception matérielle.


1
Le gros problème avec ceci est qu'il a besoin de jQuery
darryn.ten

1
Nous avons juste besoin du CSS. Les fenêtres contextuelles, modales et autres fonctionnalités existent en ionique. Ainsi, jquery n'est généralement pas nécessaire, sauf si nous essayons d'utiliser des fonctionnalités javascript matérialisées qui ne sont pas ioniques.
Vamsi

Avez-vous des commentaires en utilisant Material Design Light getmdl.io Je viens de rencontrer le même problème et la même question sur la conception de matériaux ioniques +. Je serais donc très reconnaissant de tout commentaire sur la bibliothèque
Javier Salinas

Je ne l'ai pas utilisé personnellement Material Design Light, cela semble prometteur. Voici la comparaison de Material Design Lightet bootstrap tutorialzine.com/2015/07/comparing-bootstrap-with-mdl , si vous avez utilisé bootstrap, cela vous aidera. Google en fait la promotion sur sa page de développement Web. Donc, ça doit être assez bon.
Vamsi

25

Il existe un projet assez nouveau appelé Ionic Material .

Je l'ai essayé et cela fonctionne plutôt bien, mais sachez qu'il est toujours en mode "Pre-Release Preview".

Selon le repo github, il devrait entrer en Alpha en avril 2015.

Il peut être installé avec bower

bower install ionic-material

C'est à peu près tout ce que vous devez faire, mais attention, il y a des bogues et la documentation est pratiquement inexistante.

Bonne chance!


9
J'ai déjà vu une bibliothèque de matériaux ioniques, mais le problème est 1. Ce n'est pas loin d'être achevé. Aucune documentation disponible. 2. Ce n'est pas en développement actif et n'a pas un bon support. un seul gars a travaillé dessus pendant 7 jours comme on le voit aujourd'hui. Il est donc difficile de l'utiliser dans l'application de production sans garantie. 3. Angular-material, ionic ont tous deux un bon financement et un bon support et de très bons développeurs y travaillent, à bon rythme. pour que je puisse leur faire confiance.
Vamsi

3

Ionic Material et Ionic Material Design Lite sont deux nouvelles bibliothèques en herbe qui visent à être une extension du cadre ionique. Bien qu'un peu immature, fonctionne bien avec les composants ioniques et supporte bien la thématisation du matériau.

Cela pourrait probablement donner plus d'informations.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.