Ionische Direktiven VS Angular Material Direktiven mit Ionic Framework


98

Ich möchte ionisch mit Materialdesign verwenden. Ich bin festgefahren zwischen der Verwendung von ionischen Direktiven mit benutzerdefiniertem CSS und eckigem Material

Ich habe gelesen, dass wir mit ionischen Direktiven viele effiziente Funktionen erhalten, wie z

  • App-Daten werden mit dem UI-Router gespeichert, auch nachdem Sie zu einer anderen Ansicht navigiert und zur Seite zurückgekehrt sind

  • Ionische Listenelemente werden nur bis zur Anzeigehöhe gerendert und beim Scrollen nach unten oder oben wiederverwendet

und viele Leistungsverbesserungen.

Wenn ich jedoch ionische Direktiven verwende, haben sie nicht das Materialdesign.

Wenn ich eckiges Material verwende, werden diese Leistungsverbesserungen und zusätzlichen Funktionen, die für eine mobile Anwendung erforderlich sind, nicht verfügbar sein.

Winkelmaterial-Direktiven sind wie

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

Ionische Direktiven sind wie

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

Es sieht so aus, als würde Ionic die Projektentwicklung für Winkelmaterial finanzieren. Warum ist Winkelmaterial dann nicht für die Verwendung mit Ionen geeignet?

Wie kann ich eckige Materialkomponenten verwenden , ohne die Leistungsverbesserungen und Eigenschaften von ionic zu verlieren?

ODER

Gibt es eine bessere Idee für die Verwendung von Materialdesign mit ionischen?


Es wird wahrscheinlich einige Zeit dauern, bis ngMaterial und ionic miteinander arbeiten. Ionic muss immer auch iOS unterstützen. Ich bin mir nicht sicher, wohin Ionix in Bezug auf das Design geht. Als das Projekt begann, wollten sie, dass die Apps auf allen Plattformen identisch aussehen. Sie haben dieses Ziel vor einiger Zeit erreicht und streben nun nach mehr Plattformkontinuität, was sich auch in der Stellenausschreibung zeigt. Vielleicht möchten Sie die Entwickler direkt (das Ionic-Forum ist ein guter Ort, um zu fragen) nach der Roadmap für das Materialdesign fragen.
Markus Müller

1
Ich habe in ionischen Foren gepostet, ohne Glück. Einige der Google-Apps verwenden Materialdesign sowohl für Android als auch für iOS. Aber ich interessiere mich derzeit für Android. iOS ist teurer und jedes Jahr :(. Es entmutigt Starter wie mich nur, ios beizutreten. Ich denke, ios sollte eine begrenzte Gebühr für das Entwicklerkonto verwenden.
Vamsi

Ich bin sicher, dass sie in naher Zukunft die Roadmap für Post v1 bekannt geben werden.
Markus Müller

Antworten:


71

Ich habe ein Materialdesign-CSS-Framework namens Materializecss gefunden . Es sieht vielversprechend aus. Es ist einfach nur CSS und Javascript Framework.

http://materializecss.com/

Vorteile gegenüber anderen Frameworks

  1. Reine CSS-Klassen stehen nicht im Widerspruch zu ionischen Direktiven. Kein Leistungsverlust.
  2. Von allen Frameworks, die ich gesehen habe, ist dies das einzige, das die Regeln für das Materialdesign genau befolgt
  3. Fast fertig mit mehr als 50 Mitwirkenden ist die aktuelle Version 0.95.3 in weniger als 6 Monaten
  4. Einfach zu verwenden. Gut dokumentiert mit funktionsweiser Navigation.
  5. Es verfügt über fast alle Materialdesignmerkmale, die für eine App benötigt werden.

Diese Seite http://materializecss.com/getting-started.html zeigt Ihnen, wie Sie es in Ihre Projekte aufnehmen können.

Ich hoffe, dies hilft jedem von Ihnen, der nach einem guten Rahmen für das Materialdesign sucht.

UPDATE: 09.07.2015

Ich habe ein weiteres leichtes, leistungsstarkes und schönes CSS-Framework für das Materialdesign gefunden

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

Es ist leicht, hat flüssige und schnelle Animationen und sieht ziemlich gut aus. Es wurde von einem der Google-Entwickler erstellt. Es wird offiziell von Google https://developers.google.com/web/ beworben . Es wird sehr beliebt, probieren Sie es aus. Vergleich mit Winkelmaterial

UPDATE: 23.10.2015

Ionic2 bietet InBuilt-Unterstützung für Materialdesign in Android

Es ist offiziell, Sie können die Ionic2-Demo in AngularConnect ansehen . Es hat Material Design als Standard für Android. Wir müssen uns keine Gedanken über die Auswahl eines Material Design Frameworks machen.


1
Das große Problem dabei ist, dass es jQuery braucht
darryn.ten

1
Wir brauchen nur die CSS. Popups, Modalitäten und andere Funktionen sind in ionischer Form vorhanden. Daher wird jquery meistens nicht benötigt, es sei denn, wir versuchen, materialisierte Javascript-Funktionen zu verwenden, die nicht ionisch sind.
Vamsi

Haben Sie Feedback mit Material Design Light ? Getmdl.io Ich habe hier das gleiche Problem und die gleiche Frage zum Design von Ionen + Material. Ich würde mich über Feedback zur Bibliothek sehr freuen
Javier Salinas

Ich habe nicht persönlich verwendet Material Design Light, es sieht vielversprechend aus. Hier ist der Vergleich von Material Design Lightund bootstrap tutorialzine.com/2015/07/comparing-bootstrap-with-mdl . Wenn Sie Bootstrap verwendet haben, hilft es. Google bewirbt dies auf seiner Webentwicklerseite. Es muss also gut genug sein.
Vamsi

25

Es gibt ein ziemlich neues Projekt namens Ionic Material .

Ich habe es ausprobiert und es funktioniert ziemlich gut, aber sei darauf hingewiesen, dass es sich immer noch im "Pre-Release Preview" -Modus befindet.

Laut Github Repo soll es im April 2015 in Alpha eintreten.

Es kann mit Laube installiert werden

bower install ionic-material

Das ist so ziemlich alles, was Sie tun müssen, aber seien Sie gewarnt, es gibt Fehler und die Dokumentation ist im Grunde nicht vorhanden.

Viel Glück!


9
Ich habe schon einmal eine Bibliothek mit ionischem Material gesehen, aber das Problem ist 1. Dies ist noch lange nicht abgeschlossen. Keine Dokumentation verfügbar. 2. Dies befindet sich nicht in der aktiven Entwicklung und hat keine gute Unterstützung. Nur ein Mann hat 7 Tage daran gearbeitet, wie heute zu sehen ist. So ist es schwer, es in der Produktions-App ohne Garantie zu verwenden. 3. Angular-Material, ionic haben sowohl eine gute Finanzierung als auch Unterstützung, und sehr gute Entwickler arbeiten in gutem Tempo daran. damit ich ihnen vertrauen kann.
Vamsi

3

Ionic Material und Ionic Material Design Lite sind zwei neue Bibliotheken, die eine Erweiterung des ionischen Gerüsts darstellen sollen. Obwohl etwas unreif, funktioniert es gut mit ionischen Komponenten und unterstützt das Material gut.

Dies könnte wahrscheinlich eher einen Einblick geben.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.