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?
Antworten:
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
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.
quelle
Material Design Light
, es sieht vielversprechend aus. Hier ist der Vergleich vonMaterial Design Light
undbootstrap
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.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!
quelle
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.
quelle