Dyrektywy jonowe Dyrektywy materiałowe VS Angular z Ionic Framework

98

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?

javascript angularjs ionic-framework ionic2 material-design Vamsi
źródło
Prawdopodobnie zajmie to trochę czasu, zanim ngMaterial i ionic będą ze sobą współpracować. Ionic zawsze musi również obsługiwać iOS. Nie jestem pewien, dokąd zmierza Ionix pod względem projektowania. Na początku projektu chcieli, aby aplikacje wyglądały identycznie na wszystkich platformach. Zrezygnowali z tego celu jakiś czas temu, a teraz zmierzają do większej ciągłości platformy, o czym świadczy również ogłoszenie o pracy. Możesz zapytać deweloperów bezpośrednio (forum Ionic jest dobrym miejscem do spytania) o mapę drogową do projektowania materiałów.
Markus Müller
1
Pisałem na forach jonowych, ale bez powodzenia. Niektóre aplikacje Google używają Material Design zarówno na Androida, jak i iOS. Ale obecnie interesuje mnie android. iOS jest droższy i każdego roku :(. Po prostu zniechęca początkujących, takich jak ja, do dołączania do ios. Myślę, że iOS powinien korzystać z ograniczonej opłaty za konto programisty.
Vamsi
Jestem pewien, że w najbliższej przyszłości ogłoszą mapę drogową post v1.
Markus Müller

Odpowiedzi:

71

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.

Vamsi
źródło
1
Dużym problemem jest to, że potrzebuje jQuery
darryn.ten
1
Potrzebujemy tylko pliku css. Wyskakujące okienka, modały i inne funkcje istnieją w jonowym. Tak więc jquery w większości nie jest potrzebne, chyba że próbujemy użyć materializacji funkcji javascript, które nie są w trybie jonowym.
Vamsi
Czy masz jakieś uwagi dotyczące używania Material Design Light getmdl.io I cam tutaj, mam ten sam problem i pytanie dotyczące ionic + Material Design. Byłbym więc wdzięczny za wszelkie opinie na temat biblioteki
Javier Salinas
Nie korzystałem osobiście Material Design Light, wygląda obiecująco. Oto porównanie Material Design Lighti bootstrap tutorialzine.com/2015/07/comparing-bootstrap-with-mdl. Jeśli używałeś bootstrap, pomoże. Google promuje to na swojej stronie dla programistów internetowych. Więc to musi być wystarczająco dobre.
Vamsi,
25

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!

darryn.ten
źródło
9
Widziałem już bibliotekę materiałów jonowych, ale problem jest jeden. To nie jest prawie ukończone. Brak dostępnej dokumentacji. 2. To nie jest w fazie aktywnego rozwoju i nie ma dobrego wsparcia. tylko jeden facet pracował nad tym przez 7 dni, jak widać dzisiaj. Dlatego trudno jest używać go w aplikacji produkcyjnej bez gwarancji. 3. Angular-material, ionic mają dobre fundusze i wsparcie, a bardzo dobrzy programiści pracują nad tym w dobrym tempie. więc mogę im ufać.
Vamsi
3

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.

varna
źródło