คำสั่งไอออนิก VS คำสั่งวัสดุเชิงมุมกับ Ionic Framework


98

ฉันต้องการใช้ไอออนิกกับการออกแบบวัสดุ ฉันติดขัดระหว่างการใช้คำสั่งไอออนิกกับ CSS ที่กำหนดเองและวัสดุเชิงมุม

ฉันได้อ่านว่าการใช้คำสั่งไอออนิกทำให้เราได้รับคุณสมบัติที่มีประสิทธิภาพมากมายเช่น

  • ระบบจะจดจำข้อมูลแอปด้วย UI-router แม้ว่าจะไปที่มุมมองอื่นและกลับมาที่หน้า

  • รายการไอออนิกจะแสดงขึ้นเพื่อแสดงความสูงเท่านั้นและใช้ซ้ำได้เมื่อเลื่อนลงหรือขึ้น

และการปรับปรุงประสิทธิภาพมากมาย

แต่ถ้าฉันใช้คำสั่งไอออนิกพวกเขาไม่มีการออกแบบวัสดุ

หากฉันใช้วัสดุเชิงมุมฉันจะไม่มีการปรับปรุงประสิทธิภาพเหล่านี้และคุณสมบัติพิเศษที่จำเป็นสำหรับแอปพลิเคชันมือถือ

คำสั่งวัสดุเชิงมุมเป็นเหมือน

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

คำสั่งไอออนิกเป็นเหมือน

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

ดูเหมือนว่าIonic จะให้เงินสนับสนุนการพัฒนาโครงการวัสดุเชิงมุมแล้วเหตุใดวัสดุเชิงมุมจึงไม่สามารถใช้กับไอออนิกได้

ฉันจะใช้ส่วนประกอบวัสดุเชิงมุมโดยไม่สูญเสียการปรับปรุงประสิทธิภาพและคุณสมบัติของไอออนิกได้อย่างไร

หรือ

มีแนวคิดที่ดีกว่าในการใช้การออกแบบวัสดุด้วยไอออนิกหรือไม่?


จะต้องใช้เวลาพอสมควรจนกว่า ngMaterial และ ionic จะทำงานร่วมกัน Ionic ต้องรองรับ iOS ด้วยเช่นกัน ฉันไม่แน่ใจว่า Ionix มุ่งหน้าไปทางไหนในการออกแบบ เมื่อโครงการเริ่มต้นพวกเขาต้องการให้แอปมีลักษณะเหมือนกันในทุกแพลตฟอร์ม พวกเขาทิ้งเป้าหมายนั้นไว้เมื่อไม่นานมานี้และตอนนี้มุ่งหน้าเพื่อความต่อเนื่องของแพลตฟอร์มมากขึ้นซึ่งแสดงโดยประกาศรับสมัครงานเช่นกัน คุณอาจต้องการถามนักพัฒนาโดยตรง (ฟอรัม Ionic เป็นสถานที่ที่ดีในการถาม) เกี่ยวกับแผนงานในการออกแบบวัสดุ
Markus Müller

1
ฉันได้โพสต์ในฟอรัมไอออนิกโดยไม่มีโชค แอป Google บางแอปใช้ดีไซน์ Material ทั้งบน Android และ iOS แต่ตอนนี้ฉันสนใจ Android iOS มีค่าใช้จ่ายสูงขึ้นทุกปี :( มันทำให้ผู้เริ่มต้นอย่างฉันไม่สามารถเข้าร่วม ios ได้ฉันคิดว่า iOS ควรใช้การเรียกเก็บเงินแบบ จำกัด สำหรับบัญชีผู้พัฒนา
Vamsi

ฉันแน่ใจว่าพวกเขาจะประกาศโรดแมปหลัง v1 ในอนาคตอันใกล้นี้
Markus Müller

คำตอบ:


71

ผมพบว่ากรอบการออกแบบ CSS วัสดุที่รู้จักในฐานะMaterializecss มันดูมีอนาคต มันเป็นแค่ CSS และ javascript framework ธรรมดา

http://materializecss.com/

ข้อได้เปรียบเหนือกรอบอื่น ๆ

  1. คลาส CSS บริสุทธิ์จะไม่ขัดแย้งกับคำสั่งไอออนิก ไม่มีการสูญเสียประสิทธิภาพ
  2. จากกรอบทั้งหมดที่ฉันเห็นนี่เป็นเพียงกรอบเดียวที่ปฏิบัติตามกฎการออกแบบวัสดุอย่างใกล้ชิด
  3. เกือบจะพร้อมแล้วโดยมีผู้ร่วมให้ข้อมูลมากกว่า 50 คนซึ่งเป็นเวอร์ชันปัจจุบัน 0.95.3 ในเวลาน้อยกว่า 6 เดือน
  4. ง่ายต่อการใช้. บันทึกไว้อย่างดีพร้อมการนำทางที่ชาญฉลาด
  5. มีคุณสมบัติการออกแบบวัสดุเกือบทั้งหมดที่จำเป็นสำหรับแอป

หน้านี้http://materializecss.com/getting-started.htmlจะแสดงวิธีรวมไว้ในโครงการของคุณ

ฉันหวังว่านี่จะช่วยสำหรับทุกคนที่กำลังค้นหากรอบการออกแบบวัสดุที่ดี

อัพเดท: 2015-07-09

ฉันพบอีกหนึ่งเฟรมเวิร์ก CSS ที่สวยงามทรงพลังน้ำหนักเบาสำหรับการออกแบบวัสดุ

แสงดีไซน์ Material http://www.getmdl.io/

มีน้ำหนักเบามีภาพเคลื่อนไหวที่ราบรื่นและรวดเร็วดูดีทีเดียว สร้างโดยนักพัฒนาซอฟต์แวร์รายหนึ่งของ Google มันได้รับการสนับสนุนอย่างเป็นทางการโดย google https://developers.google.com/web/ กำลังได้รับความนิยมมากเลยทีเดียวลองดู การเปรียบเทียบกับวัสดุเชิงมุม

อัพเดท: 2015-10-23

Ionic2 รองรับ InBuilt สำหรับดีไซน์ Material ใน Android

เป็นทางการคุณสามารถรับชมการสาธิต Ionic2 ใน AngularConnectซึ่งมีการออกแบบวัสดุเป็นค่าเริ่มต้นสำหรับ Android เราไม่จำเป็นต้องกังวลเกี่ยวกับการเลือกกรอบการออกแบบวัสดุ


1
ปัญหาใหญ่ของเรื่องนี้คือมันต้องใช้ jQuery
darryn.ten

1
เราต้องการ css ป๊อปอัปโมดอลและคุณสมบัติอื่น ๆ มีอยู่ในไอออนิก ดังนั้นจึงไม่จำเป็นต้องใช้ jquery เป็นส่วนใหญ่เว้นแต่เราจะพยายามใช้คุณสมบัติจาวาสคริปต์ที่ไม่ได้อยู่ในไอออนิก
Vamsi

คุณมีข้อเสนอแนะใด ๆ เกี่ยวกับการใช้ Material Design Light getmdl.io I cam ที่นี่มีปัญหาและคำถามเดียวกันเกี่ยวกับการออกแบบวัสดุไอออนิก + ดังนั้นจะขอบคุณมากสำหรับข้อเสนอแนะเกี่ยวกับห้องสมุด
Javier Salinas

ฉันไม่ได้ใช้เป็นการส่วนตัวMaterial Design Lightดูเหมือนว่าจะมีแนวโน้มดี นี่คือการเปรียบเทียบMaterial Design Lightและbootstrap tutorialzine.com/2015/07/comparing-bootstrap-with-mdlหากคุณเคยใช้ bootstrap มันจะช่วยได้ Google ส่งเสริมสิ่งนี้ในหน้านักพัฒนาเว็บ ดังนั้นจะต้องดีพอ
Vamsi

25

มีโครงการใหม่อย่างเป็นธรรมที่เรียกว่าเป็นไอออนิกวัสดุ

ฉันได้ลองใช้แล้วและใช้ได้ดี แต่โปรดทราบว่ายังอยู่ในโหมด "พรีวิวก่อนเผยแพร่"

ตามgithub repoควรเข้าสู่ Alpha ในเดือนเมษายน 2015

สามารถติดตั้งกับ bower

bower install ionic-material

นั่นเป็นสิ่งที่คุณต้องทำ แต่ขอเตือนว่ามีข้อบกพร่องและเอกสารประกอบก็ไม่มีอยู่จริง

โชคดี!


9
ฉันเคยเห็นไลบรารีวัสดุไอออนิกมาก่อน แต่ปัญหาคือ 1 นี่ไม่ใช่ที่ที่ใกล้จะเสร็จสมบูรณ์ ไม่มีเอกสารประกอบ 2. สิ่งนี้ไม่ได้อยู่ในการพัฒนาและไม่มีการสนับสนุนที่ดี มีผู้ชายเพียงคนเดียวที่ทำงานกับมันเป็นเวลา 7 วันดังที่เห็นในปัจจุบัน ดังนั้นจึงใช้งานได้ยากในแอปการผลิตโดยไม่มีการรับประกัน 3. วัสดุเชิงมุมไอออนิกทั้งสองมีเงินทุนและการสนับสนุนที่ดีและนักพัฒนาที่ดีกำลังดำเนินการอยู่ในระดับที่ดี ดังนั้นฉันสามารถไว้วางใจพวกเขาได้
Vamsi

3

Ionic MaterialและIonic Material Design Liteเป็นไลบรารีรุ่นใหม่สองไลบรารีที่มุ่งหวังที่จะเป็นส่วนเสริมของกรอบไอออนิก แม้ว่าจะยังไม่บรรลุนิติภาวะเล็กน้อย แต่ก็ใช้งานได้ดีกับส่วนประกอบไอออนิกและรองรับวัสดุที่เข้ากันได้ดี

สิ่งนี้อาจให้ข้อมูลเชิงลึกมากขึ้น

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.