Chcę używać ionic w Material Design. Utknąłem między używaniem dyrektyw jonowych z niestandardowym CSS i angular-material

Czytałem, że używając dyrektyw jonowych otrzymujemy wiele wydajnych funkcji, takich jak

• Dane aplikacji są zapamiętywane przez router UI, nawet po przejściu do innego widoku i powrocie na stronę

• Elementy listy Ionic są renderowane tylko w górę w celu wyświetlenia wysokości i ponownie używane podczas przewijania w dół lub w górę

i wiele ulepszeń wydajności.

Ale jeśli używam dyrektyw jonowych, nie mają one odpowiedniego projektu materiału.

Jeśli użyję materiału kątowego, nie będę miał tych ulepszeń wydajności i dodatkowych funkcji potrzebnych do aplikacji mobilnej.

Dyrektywy dotyczące materiałów kątowych są podobne

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

Dyrektywy jonowe są podobne

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

Wygląda na to, że Ionic finansuje rozwój projektu materiałów kątowych , więc dlaczego materiał kątowy nie jest kompatybilny z jonami?

Jak mogę używać komponentów z materiału kątowego bez utraty ulepszeń wydajności i funkcji jonowych?

LUB

czy jest lepszy pomysł na użycie Material Design z jonami?

Znalazłem framework CSS Material Design znany jako Materializecss . Wygląda obiecująco. To po prostu zwykły framework CSS i javascript.

http://materializecss.com/

Zalety w porównaniu z innymi frameworkami

1. Czyste klasy CSS nie będą kolidować z dyrektywami jonowymi. Bez utraty wydajności.
2. Ze wszystkich ram, które widziałem, jest to jedyna ściśle przestrzegająca zasad projektowania materiałów
3. Prawie gotowy, ma około 50+ współtwórców. Obecna wersja 0.95.3 zajmie mniej niż 6 miesięcy
4. Łatwy w użyciu. Dobrze udokumentowane z nawigacją opartą na funkcjach.
5. Ma prawie wszystkie funkcje projektowania materiałów potrzebne w aplikacji.

Ta strona http://materializecss.com/getting-started.html pokaże Ci, jak uwzględnić go w swoich projektach.

Mam nadzieję, że pomoże to każdemu z Was, kto szuka dobrej struktury projektowania materiałów.

AKTUALIZACJA: 2015-07-09

Znalazłem kolejną lekką, potężną i piękną strukturę CSS do projektowania materiałów

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

Jest lekki, ma płynne i szybkie animacje, wygląda całkiem nieźle. Został wykonany przez jednego z programistów Google. Jest oficjalnie promowany przez google https://developers.google.com/web/ . To staje się dość popularne, spróbuj. Porównanie z materiałem kątowym

AKTUALIZACJA: 2015-10-23

Ionic2 ma wbudowaną obsługę projektowania materiałów w systemie Android

To oficjalne, możesz obejrzeć demo Ionic2 w AngularConnect , ma domyślnie Material Design dla Androida. Nie musimy się martwić o wybór frameworka Material Design.

Jest całkiem nowy projekt o nazwie Ionic Material .

Wypróbowałem to i działa całkiem nieźle, ale pamiętaj, że nadal jest w trybie „Pre-Release Preview”.

Zgodnie z repozytorium github powinno wejść do alfy w kwietniu 2015 roku.

Można go zainstalować z altaną

bower install ionic-material

To prawie wszystko, co musisz zrobić, ale ostrzegaj, są błędy, a dokumentacja w zasadzie nie istnieje.

Powodzenia!

Ionic Material i Ionic Material Design Lite to dwie obiecujące nowe biblioteki, które mają być rozszerzeniem struktury jonowej. Chociaż jest trochę niedojrzały, dobrze współpracuje z komponentami jonowymi i dobrze wspiera motywowanie materiału.

To prawdopodobnie mogłoby dać więcej wglądu.