Ionic'i materyal tasarımla kullanmak istiyorum . Özel CSS ve açısal malzeme ile iyonik yönergeler kullanmak arasında sıkışıp kaldım

İyonik yönergeleri kullanarak birçok verimli özellik elde ettiğimizi okudum.

• Uygulama verileri, diğer görünüme gidip sayfaya geri döndükten sonra bile UI yönlendirici ile hatırlanır

• İyonik liste öğeleri yalnızca görüntü yüksekliğine kadar oluşturulur ve aşağı veya yukarı kaydırıldığında yeniden kullanılır

ve birçok performans iyileştirmesi.

Ancak, iyonik yönergeleri kullanırsam, materyal tasarıma sahip değiller.

Açısal malzeme kullanırsam bu performans iyileştirmelerine ve bir mobil uygulama için gereken ekstra özelliklere sahip olmayacağım.

Açısal malzeme yönergeleri şöyledir:

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

İyonik direktifler gibidir

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

Görünüşe göre Ionic, açısal materyal proje geliştirmeyi finanse ediyor , o zaman neden açısal malzeme iyonik ile uyumlu değil?

İonic'in performans iyileştirmelerini ve özelliklerini kaybetmeden köşeli malzeme bileşenlerini nasıl kullanabilirim ?

VEYA

Ionic ile materyal tasarımı kullanmak için daha iyi bir fikir var mı?

Materializecss olarak bilinen bir materyal tasarım CSS çerçevesi buldum . Umut verici görünüyor. Bu sadece düz CSS ve javascript çerçevesi.

http://materializecss.com/

Diğer çerçevelere göre avantajları

1. Saf CSS sınıfları, iyonik direktiflerle çakışmaz. Performans kaybı yok.
2. Gördüğüm tüm çerçeveler arasında, materyal tasarım kurallarını yakından takip eden tek çerçeve bu
3. Neredeyse hazır 50'den fazla katılımcı var, 6 aydan kısa bir süre içinde mevcut Sürüm 0.95.3
4. Kullanımı kolay. Özellik bilge navigasyon ile iyi belgelenmiştir.
5. Bir uygulama için gereken neredeyse tüm materyal tasarım özelliklerine sahiptir.

Bu sayfa http://materializecss.com/getting-started.html size bunu projelerinize nasıl dahil edeceğinizi gösterecektir.

Umarım bu, iyi bir materyal tasarım çerçevesi arayanlar için yardımcı olur.

GÜNCELLEME: 2015-07-09

Materyal tasarımı için başka bir hafif, güçlü ve güzel CSS çerçevesi buldum

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

Hafif, pürüzsüz ve hızlı animasyonları var, oldukça iyi görünüyor. Google geliştiricilerinden biri tarafından yapıldı. Resmi olarak google https://developers.google.com/web/ tarafından tanıtılmaktadır . Oldukça popüler hale geliyor, deneyin. Açısal Malzeme ile Karşılaştırma

GÜNCELLEME: 2015-10-23

Ionic2, Android'de Materyal Tasarımı için InBuilt Desteğine Sahiptir

Resmi, Ionic2 demosunu AngularConnect'te izleyebilirsiniz , Android için varsayılan olarak Materyal Tasarımı vardır. Materyal Tasarım çerçevesi seçme konusunda endişelenmemize gerek yok.

Ionic Material adında oldukça yeni bir proje var .

Denedim ve oldukça iyi çalışıyor, ancak hala "Yayın Öncesi Önizleme" modunda olduğunu unutmayın.

Github deposuna göre Nisan 2015'te Alpha'ya girmesi gerekiyor.

Bower ile kurulabilir

bower install ionic-material

Yapmanız gereken hemen hemen bu, ancak uyarıda bulunun, hatalar var ve belgeler temelde mevcut değil.

İyi şanslar!

Ionic Material ve Ionic Material Design Lite , iyonik çerçevenin bir uzantısı olmayı amaçlayan iki yeni kitaplıktır. Biraz olgunlaşmamış olsa da, iyonik bileşenlerle iyi çalışır ve malzeme temasının iyi olmasını destekler.

Bu muhtemelen daha fazla fikir verebilir.