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.