Direttive ioniche VS direttive sui materiali angolari con Ionic Framework


98

Voglio usare ionic con material design. Sono bloccato tra l'utilizzo di direttive ioniche con CSS personalizzati e angular-material

Ho letto che usando le direttive ioniche otteniamo molte funzionalità efficienti come

  • I dati delle app vengono ricordati con il router dell'interfaccia utente, anche dopo essere passati a un'altra visualizzazione e tornare alla pagina

  • Gli elementi dell'elenco ionico vengono visualizzati solo fino all'altezza di visualizzazione e riutilizzati durante lo scorrimento verso il basso o verso l'alto

e molti miglioramenti delle prestazioni.

Ma se uso le direttive ioniche non hanno il design del materiale.

Se utilizzo il materiale angolare non avrò questi miglioramenti delle prestazioni e funzionalità extra necessarie per un'applicazione mobile.

Le direttive sui materiali angolari sono simili

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

Le direttive ioniche sono come

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

Sembra che Ionic stia finanziando lo sviluppo di progetti di materiali angolari , allora perché il materiale angolare non è compatibile per l'uso con ionico?

Come posso utilizzare componenti in materiale angolare senza perdere i miglioramenti delle prestazioni e le caratteristiche di ionic?

O

esiste un'idea migliore per utilizzare il material design con ionic?


Probabilmente ci vorrà del tempo, prima che ngMaterial e ionic lavorino insieme. Ionic deve sempre supportare anche iOS. Non sono sicuro di dove Ionix si stia dirigendo dal punto di vista del design. Quando il progetto è iniziato, volevano che le app sembrassero identiche su tutte le piattaforme. Hanno raschiato quell'obiettivo qualche tempo fa e ora si dirigono verso una maggiore continuità della piattaforma, come dimostrato anche dall'offerta di lavoro. Potresti chiedere direttamente agli sviluppatori (il forum Ionic è un buon posto per chiedere) in merito alla roadmap per il material design.
Markus Müller

1
Ho postato su forum ionici, senza fortuna. Alcune delle app di Google utilizzano il material design sia su Android che su iOS. Ma al momento sono interessato ad Android. iOS è più costoso e ogni anno :(. Scoraggia solo i principianti come me a iscriversi a ios. Penso che ios dovrebbe utilizzare una tariffa limitata per l'account sviluppatore.
Vamsi

Sono sicuro che annunceranno la roadmap post v1 nel prossimo futuro.
Markus Müller

Risposte:


71

Ho trovato un framework CSS per il material design noto come Materializecss . Sembra promettente. È solo un semplice framework CSS e javascript.

http://materializecss.com/

Vantaggi rispetto ad altri framework

  1. Le classi CSS pure, non entreranno in conflitto con le direttive ioniche. Nessuna perdita di prestazioni.
  2. Di tutti i framework che ho visto, questo è l'unico che segue da vicino le regole di progettazione dei materiali
  3. Quasi pronto ha circa 50+ collaboratori e l'attuale versione 0.95.3 in meno di 6 mesi
  4. Facile da usare. Ben documentato con funzionalità di navigazione saggia.
  5. Ha quasi tutte le funzionalità di progettazione dei materiali necessarie per un'app.

Questa pagina http://materializecss.com/getting-started.html ti mostrerà come includerlo nei tuoi progetti.

Spero che questo aiuti per chiunque di voi cerchi un buon framework di material design.

AGGIORNAMENTO: 2015-07-09

Ho trovato un altro bellissimo framework CSS leggero e potente per il material design

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

È leggero, ha animazioni fluide e veloci, sembra piuttosto buono. È stato realizzato da uno degli sviluppatori di Google. È ufficialmente promosso da google https://developers.google.com/web/ . Sta diventando molto popolare, provalo. Confronto con materiale angolare

AGGIORNAMENTO: 2015-10-23

Ionic2 ha il supporto integrato per Material Design in Android

È ufficiale, puoi guardare la demo di Ionic2 in AngularConnect , ha Material Design come impostazione predefinita per Android. Non dobbiamo preoccuparci di scegliere un framework di Material Design.


1
Il grosso problema con questo è che ha bisogno di jQuery
darryn.ten

1
Abbiamo solo bisogno del css. Popup, modali e altre funzionalità esistono in ionico. Quindi, jquery non è per lo più necessario a meno che non stiamo cercando di utilizzare materializzare le funzionalità di javascript che non sono in ionic.
Vamsi

Hai qualche feedback utilizzando Material Design Light getmdl.io Sono venuto qui con lo stesso problema e domanda sul design ionico + materiale. Quindi sarebbe molto apprezzato qualsiasi feedback sulla biblioteca
Javier Salinas

Non l'ho usato personalmente Material Design Light, sembra promettente. Ecco il confronto di Material Design Lighte bootstrap tutorialzine.com/2015/07/comparing-bootstrap-with-mdl , se hai usato bootstrap ti sarà d'aiuto. Google lo promuove nella sua pagina degli sviluppatori web. Quindi, deve essere abbastanza buono.
Vamsi

25

C'è un progetto abbastanza nuovo chiamato Ionic Material .

L'ho provato e funziona abbastanza bene, ma tieni presente che è ancora in modalità "Anteprima pre-rilascio".

Secondo il repository github dovrebbe entrare in Alpha nell'aprile 2015.

Può essere installato con pergola

bower install ionic-material

Questo è praticamente tutto ciò che devi fare, ma attenzione, ci sono bug e la documentazione è praticamente inesistente.

In bocca al lupo!


9
Ho già visto una libreria di materiali ionici, ma il problema è 1. Questo non è vicino al completamento. Nessuna documentazione disponibile. 2. Non è in fase di sviluppo attivo e non ha un buon supporto. solo un ragazzo ci ha lavorato per 7 giorni come visto oggi. Quindi è difficile utilizzarlo nell'app di produzione senza garanzia. 3. Angular-material, ionic hanno entrambi un buon finanziamento e supporto e ottimi sviluppatori ci stanno lavorando, a un buon ritmo. così posso fidarmi di loro.
Vamsi

3

Ionic Material e Ionic Material Design Lite sono due nuove librerie in erba che mirano ad essere un'estensione del framework ionico. Anche se un po 'immaturo, funziona bene con componenti ionici e supporta bene la tematizzazione del materiale.

Questo probabilmente potrebbe dare più informazioni.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.