Arahan ionik VS Arahan material sudut dengan Ionic Framework


98

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?


Mungkin akan membutuhkan waktu, sampai ngMaterial dan ionic akan bekerja satu sama lain. Ionic selalu harus mendukung iOS juga. Saya tidak yakin ke mana arah Ionix dari segi desain. Saat proyek dimulai, mereka ingin aplikasinya terlihat identik di semua platform. Mereka membatalkan tujuan itu beberapa waktu lalu dan sekarang menuju lebih banyak kesinambungan platform, yang ditunjukkan oleh postingan pekerjaan juga. Anda mungkin ingin bertanya langsung kepada pengembang (forum Ionic adalah tempat yang tepat untuk bertanya) tentang peta jalan menuju desain material.
Markus Müller

1
Saya telah memposting di forum ionik, tidak berhasil. Beberapa aplikasi google menggunakan desain material pada android dan ios. Tapi saat ini saya tertarik dengan android. iOS lebih mahal dan setiap tahun :(. Itu hanya membuat pemula seperti saya tidak ingin bergabung dengan ios. Saya pikir ios harus menggunakan biaya terbatas untuk akun pengembang.
Vamsi

Saya yakin mereka akan mengumumkan peta jalan posting v1 dalam waktu dekat.
Markus Müller

Jawaban:


71

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

  1. Kelas CSS murni, tidak akan bertentangan dengan perintah ionik. Tidak ada kehilangan kinerja.
  2. Dari semua kerangka yang telah saya lihat, ini adalah satu-satunya kerangka kerja yang mengikuti aturan desain material
  3. Hampir siap, ia memiliki sekitar 50+ kontributor, Versi 0.95.3 saat ini dalam waktu kurang dari 6 bulan
  4. Mudah digunakan. Didokumentasikan dengan baik dengan fitur navigasi yang bijaksana.
  5. Ini memiliki hampir semua fitur desain material yang dibutuhkan untuk sebuah aplikasi.

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.


1
Masalah besar dengan ini adalah bahwa ia membutuhkan jQuery
darryn.ten

1
Kami hanya membutuhkan css. Popup, modals dan fitur lainnya ada di ionic. Jadi, jquery sebagian besar tidak diperlukan kecuali kita mencoba menggunakan fitur javascript yang tidak bersifat ionik.
Vamsi

Apakah Anda memiliki umpan balik menggunakan Material Design Light getmdl.io Saya cam di sini memiliki masalah yang sama dan pertanyaan tentang desain material + ion. Jadi akan sangat menghargai umpan balik apa pun tentang perpustakaan
Javier Salinas

Saya belum pernah menggunakan secara pribadi Material Design Light, Sepertinya menjanjikan. Berikut adalah perbandingan Material Design Lightdan bootstrap 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.
Vamsi

25

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!


9
Saya telah melihat perpustakaan bahan ionik sebelumnya, tetapi masalahnya adalah 1. Ini belum ada yang mendekati penyelesaian. Tidak ada dokumentasi yang tersedia. 2. Ini tidak dalam pengembangan aktif, dan tidak memiliki dukungan yang baik. hanya satu orang yang mengerjakannya selama 7 hari seperti yang terlihat hari ini. Jadi sulit menggunakannya dalam aplikasi produksi tanpa jaminan. 3. Material sudut, ionik, keduanya memiliki pendanaan dan dukungan yang baik dan pengembang yang sangat baik sedang mengerjakannya, dengan kecepatan yang baik. jadi saya bisa mempercayai mereka.
Vamsi

3

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.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.