ईओण के निर्देश वी.एस. कोणीय सामग्री का निर्देशन इओनिक फ्रेमवर्क के साथ करता है


98

मैं सामग्री डिजाइन के साथ ईओण का उपयोग करना चाहता हूं । मैं कस्टम सीएसएस और कोणीय-सामग्री के साथ आयनिक निर्देशों का उपयोग करने के बीच फंस गया हूं

मैंने पढ़ा है कि आयनिक निर्देशों का उपयोग करने से हमें बहुत सारी कुशल सुविधाएँ मिलती हैं

  • ऐप डेटा यूआई-राउटर के साथ याद किया जाता है, यहां तक ​​कि अन्य दृश्य पर नेविगेट करने और पृष्ठ पर वापस आने के बाद भी

  • आयोनिक सूची आइटम केवल ऊँचाई प्रदर्शित करने के लिए प्रदान किए जाते हैं और नीचे या ऊपर स्क्रॉल करते समय पुन: उपयोग किए जाते हैं

और प्रदर्शन में बहुत सुधार हुआ।

लेकिन, अगर मैं आयनिक निर्देशों का उपयोग करता हूं तो उनके पास सामग्री डिजाइन नहीं है।

यदि मैं कोणीय-सामग्री का उपयोग करता हूं तो मेरे पास इन प्रदर्शन में सुधार नहीं होगा, और मोबाइल एप्लिकेशन के लिए आवश्यक अतिरिक्त सुविधाएं।

कोणीय-सामग्री के निर्देश जैसे हैं

<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>

ऐसा लगता है कि आयनिक कोणीय-सामग्री परियोजना के विकास के लिए धन दे रहा है , फिर कोणीय सामग्री आयनिक के साथ उपयोग करने के लिए संगत क्यों नहीं है?

मैं आयनिक के प्रदर्शन में सुधार और सुविधाओं को खोए बिना कोणीय-सामग्री के घटकों का उपयोग कैसे कर सकता हूं ?

या

क्या आयनिक के साथ सामग्री डिजाइन का उपयोग करने के लिए एक बेहतर विचार है?


जब तक ngMaterial और आयनिक एक दूसरे के साथ काम करेंगे, तब तक यह कुछ समय लेगा। Ionic को हमेशा iOS को भी सपोर्ट करना होता है। मुझे यकीन नहीं है कि जहां Ionix डिजाइन-वार कर रहा है। जब परियोजना शुरू हुई तो वे चाहते थे कि ऐप सभी प्लेटफार्मों पर समान दिखें। उन्होंने कुछ समय पहले उस लक्ष्य को समाप्त कर दिया और अब अधिक मंच निरंतरता के लिए सिर, जो कि नौकरी पोस्टिंग द्वारा भी दिखाया गया है। आप डेवलपर्स से सीधे पूछना चाहते हैं (सामग्री के डिजाइन के रोडमैप के बारे में Ionic मंच पूछने के लिए एक अच्छी जगह है)।
मार्कस मुलर

1
मैंने आयनिक मंचों में पोस्ट किया है, बिना किसी भाग्य के। कुछ Google ऐप Android और ios दोनों पर सामग्री डिज़ाइन का उपयोग कर रहे हैं। लेकिन मुझे वर्तमान में Android में दिलचस्पी है। आईओएस अधिक महंगा है और हर साल :( है यह सिर्फ हतोत्साहित स्टार्टर मुझे ios में शामिल होने की तरह मुझे लगता है कि ios डेवलपर खाते के लिए सीमित प्रभारी का उपयोग करना चाहिए।।।
वामसी

मुझे यकीन है कि वे निकट भविष्य में v1 रोडमैप की घोषणा करेंगे।
मार्कस मुलर

जवाबों:


71

मैं एक सामग्री डिजाइन सीएसएस के रूप में जाना ढांचे पाया Materializecss । यह आशाजनक लग रहा है। यह सिर्फ सादा सीएसएस और जावास्क्रिप्ट फ्रेमवर्क है।

http://materializecss.com/

अन्य रूपरेखाओं पर लाभ

  1. शुद्ध CSS कक्षाएं, आयनिक निर्देशों के साथ संघर्ष नहीं करेंगी। कोई प्रदर्शन हानि नहीं।
  2. मैंने जो भी चौखटे देखे हैं, उनमें से सामग्री डिजाइन नियमों का केवल एक ही बारीकी से पालन है
  3. लगभग तैयार इसमें लगभग 50+ योगदानकर्ता हैं जो वर्तमान संस्करण 0.95.3 से 6 महीने से कम समय में है
  4. प्रयोग करने में आसान। अच्छी तरह से सुविधा युक्त नेविगेशन के साथ प्रलेखित।
  5. इसमें ऐप के लिए आवश्यक लगभग सभी सामग्री डिज़ाइन सुविधाएँ हैं।

यह पृष्ठ http://materializecss.com/getting-started.html आपको दिखाएगा कि आप इसे अपनी परियोजनाओं में कैसे शामिल कर सकते हैं।

मुझे उम्मीद है कि यह आप में से किसी को एक अच्छी सामग्री डिजाइन रूपरेखा के लिए खोज करने में मदद करता है।

अद्यतन: 2015-07-09

मुझे सामग्री डिजाइन के लिए एक और हल्का शक्तिशाली सुंदर सीएसएस ढांचा मिला

सामग्री डिजाइन लाइट http://www.getmdl.io/

यह हल्का है, इसमें चिकनी और त्वरित एनिमेशन हैं, जो बहुत अच्छी लग रही हैं। यह Google डेवलपर्स में से एक द्वारा बनाया गया था। यह आधिकारिक तौर पर Google https://developers.google.com/web/ द्वारा प्रचारित किया जाता है । यह काफी लोकप्रिय हो रहा है, इसे आज़माएं। कोणीय सामग्री के साथ तुलना

अद्यतन: 2015-10-23

Ionic2 में एंड्रॉइड में सामग्री डिजाइन के लिए इनबिल्ट सपोर्ट है

यह आधिकारिक है, आप AngularConnect में Ionic2 डेमो देख सकते हैं , इसमें Android के लिए डिफ़ॉल्ट रूप में सामग्री डिज़ाइन है। हमें मटेरियल डिज़ाइन फ्रेमवर्क चुनने के बारे में चिंता करने की आवश्यकता नहीं है।


1
इसके साथ बड़ी समस्या यह है कि इसे jQuery की जरूरत है
darryn.ten

1
हमें बस सीएसएस की जरूरत है। आयनिक में पॉपअप, मोडल और अन्य विशेषताएं मौजूद हैं। इसलिए, jquery की ज़रूरत तब तक नहीं होती है जब तक कि हम भौतिक रूप से जावास्क्रिप्ट विशेषताओं का उपयोग करने की कोशिश नहीं कर रहे हैं जो आयनिक नहीं हैं।
वामसी

क्या आपके पास मैटेरियल डिज़ाइन लाइट getmdl.io I कैम का उपयोग करके कोई प्रतिक्रिया है, यहाँ वही समस्या है और आयनिक + सामग्री डिज़ाइन के बारे में प्रश्न है। तो पुस्तकालय के बारे में किसी भी प्रतिक्रिया की बहुत सराहना की जाएगी
जेवियर सालिनास

मैंने व्यक्तिगत रूप से उपयोग नहीं किया है Material Design Light, यह आशाजनक लगता है। यहाँ Material Design Lightऔर bootstrap tutorialzine.com/2015/07/comparing-bootstrap-with-mdl की तुलना की जाती है , अगर आपने बूटस्ट्रैप का उपयोग किया है तो यह मदद करेगा। Google अपने वेब डेवलपर पेज में इसका प्रचार कर रहा है। तो, यह काफी अच्छा होना चाहिए।
वामसी

25

एक काफी नई परियोजना है जिसे आयोनिक मटेरियल कहा जाता है ।

मैंने इसे आज़माया है और यह बहुत अच्छा काम करता है, लेकिन सलाह दी जाती है कि यह अभी भी "प्री-रिलीज़ प्रीव्यू" मोड में है।

गिथब रेपो के अनुसार इसे अप्रैल 2015 में अल्फा में प्रवेश करना चाहिए।

इसे बोवर के साथ स्थापित किया जा सकता है

bower install ionic-material

यह सब आपको करने की ज़रूरत है, लेकिन चेतावनी दी है, वहाँ कीड़े हैं और प्रलेखन मूल रूप से अस्तित्वहीन है।

सौभाग्य!


9
मैंने पहले आयनिक-सामग्री पुस्तकालय देखा है, लेकिन समस्या 1 है। यह वह जगह नहीं है जहां पूरा होने के करीब है। कोई दस्तावेज उपलब्ध नहीं है। 2. यह सक्रिय विकास में नहीं है, और इसका अच्छा समर्थन नहीं है। केवल एक आदमी ने 7 दिनों के लिए उस पर काम किया जैसा कि आज देखा गया है। इसलिए यह बिना गारंटी के उत्पादन ऐप में इसका उपयोग करना कठिन है। 3. कोणीय-सामग्री, आयनिक दोनों के पास अच्छा धन और समर्थन है और बहुत अच्छे डेवलपर्स इस पर काम कर रहे हैं, अच्छी गति से। इसलिए मैं उन पर भरोसा कर सकता हूं।
वमसी

3

आयोनिक मटेरियल और आयोनिक मटेरियल डिज़ाइन लाइट दो नवोदित नए पुस्तकालय हैं जिनका उद्देश्य आयनिक ढांचे का विस्तार होना है। हालांकि थोड़ा अपरिपक्व है, आयनिक घटकों के साथ अच्छी तरह से काम करता है और अच्छी तरह से सामग्री का समर्थन करता है।

यह शायद अधिक जानकारी दे सकता है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.