Saya ingin menggunakan ionik dengan desain material. Saya terjebak antara menggunakan perintah ionik dengan CSS khusus dan material bersudut
Saya telah membaca bahwa dengan menggunakan perintah ionik, kita mendapatkan banyak fitur efisien seperti
Data aplikasi diingat dengan UI-router, bahkan setelah menavigasi ke tampilan lain dan kembali ke halaman
Item daftar ionik dirender hanya untuk menampilkan tinggi dan digunakan kembali saat menggulir ke bawah atau atas
dan banyak peningkatan kinerja.
Tapi, jika saya menggunakan arahan ionik, mereka tidak memiliki desain material.
Jika saya menggunakan material sudut, saya tidak akan mengalami peningkatan kinerja ini, dan fitur tambahan yang diperlukan untuk aplikasi seluler.
Arahan material sudut seperti itu
<md-list>
<md-item ng-repeat="item in items">
Hello, {{item}}!
</md-item>
</md-list>
Arahan ionik seperti itu
<ion-list>
<ion-item ng-repeat="item in items">
Hello, {{item}}!
</ion-item>
</ion-list>
Sepertinya Ionic mendanai pengembangan proyek material bersudut , lalu mengapa material bersudut tidak kompatibel untuk digunakan dengan ionik?
Bagaimana saya dapat menggunakan komponen material bersudut tanpa kehilangan peningkatan kinerja dan fitur ionik?
ATAU
adakah ide yang lebih baik untuk menggunakan desain material dengan ionik?
Jawaban:
Saya menemukan kerangka kerja CSS desain material yang dikenal sebagai Materializecss . Ini terlihat menjanjikan. Ini hanya kerangka CSS dan javascript biasa.
http://materializecss.com/
Keunggulan dibandingkan kerangka lain
Halaman ini http://materializecss.com/getting-started.html akan menunjukkan cara memasukkannya ke dalam proyek Anda.
Saya harap ini membantu Anda yang mencari kerangka desain material yang bagus.
UPDATE: 2015-07-09
Saya menemukan kerangka kerja CSS cantik yang ringan dan kuat untuk desain material
Material Design Light http://www.getmdl.io/
Ini ringan, memiliki animasi yang halus dan cepat, terlihat cukup bagus. Itu dibuat oleh salah satu pengembang Google. Secara resmi dipromosikan oleh google https://developers.google.com/web/ . Ini semakin populer, cobalah. Perbandingan dengan Material Sudut
UPDATE: 2015-10-23
Ionic2 memiliki Dukungan InBuilt untuk Desain Material di Android
Resmi, Anda dapat menonton demo Ionic2 di AngularConnect , Ini memiliki Desain Material sebagai default untuk Android. Kami tidak perlu khawatir tentang memilih kerangka Desain Material.
sumber
Material Design Light
, Sepertinya menjanjikan. Berikut adalah perbandinganMaterial Design Light
danbootstrap
tutorialzine.com/2015/07/comparing-bootstrap-with-mdl , Jika Anda telah menggunakan bootstrap itu akan membantu. Google mempromosikan ini di halaman pengembang webnya. Jadi, itu pasti cukup bagus.Ada proyek yang cukup baru bernama Ionic Material .
Saya sudah mencobanya dan berfungsi dengan cukup baik, tetapi perhatikan bahwa ini masih dalam mode "Pratinjau Pra-Rilis".
Menurut repo github itu harus masuk Alpha pada April 2015.
Itu dapat dipasang dengan bower
bower install ionic-material
Hanya itu yang perlu Anda lakukan, tetapi berhati-hatilah, ada bug dan dokumentasinya pada dasarnya tidak ada.
Semoga berhasil!
sumber
Ionic Material dan Ionic Material Design Lite adalah dua pustaka baru pemula yang bertujuan untuk menjadi perpanjangan dari kerangka kerja ionik. Meskipun sedikit belum matang, bekerja dengan baik dengan komponen ionik dan mendukung tema material dengan baik.
Ini mungkin bisa memberi lebih banyak wawasan.
sumber