আয়নিক নির্দেশাবলী ভিও আয়নিক ফ্রেমওয়ার্ক সহ কৌনিক উপাদান নির্দেশ


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>

দেখে মনে হচ্ছে অয়নিক কৌণিক-উপাদান প্রকল্পের উন্নয়নের জন্য অর্থায়ন করছে , তবে কেন কৌণিক-উপাদানটি আয়নিকের সাথে ব্যবহারের জন্য উপযুক্ত নয়?

আয়নিকের কার্যকারিতা উন্নতি এবং বৈশিষ্ট্যগুলি না হারিয়ে আমি কৌণিক-উপাদান উপাদানগুলি কীভাবে ব্যবহার করতে পারি ?

বা

আয়নিক সহ উপাদান নকশা ব্যবহারের জন্য আরও ভাল ধারণা আছে?


এনজিমেটারিয়াল এবং আয়নিক একে অপরের সাথে কাজ না করা অবধি এটি কিছুটা সময় নেবে। আয়নিকে সবসময় আইওএসকে সমর্থন করতে হয়। আমি নিশ্চিত নই যে আয়নিক্স ডিজাইন-ভিত্তিতে কোথায় চলছে। প্রকল্পটি শুরু হয়ে গেলে তারা অ্যাপ্লিকেশনগুলিকে সমস্ত প্ল্যাটফর্মগুলিতে অভিন্ন দেখতে চেয়েছিল। তারা কিছুক্ষণ আগে এই লক্ষ্যটিকে বাতিল করে দিয়েছিল এবং এখন আরও প্ল্যাটফর্মের ধারাবাহিকতার দিকে এগিয়ে যায় যা জব পোস্টিংয়ের মাধ্যমেও প্রদর্শিত হয়। আপনি হয়ত বিকাশকারীদের ম্যাটেরিয়াল ডিজাইনের রোডম্যাপ সম্পর্কে সরাসরি (আয়নিক ফোরামটি জিজ্ঞাসা করার জন্য ভাল জায়গা) জিজ্ঞাসা করতে চাইতে পারেন।
মার্কাস মুলার

4
আমি কোনও ভাগ্য ছাড়াই আয়নিক ফোরামে পোস্ট করেছি। গুগল অ্যাপগুলির মধ্যে কিছু অ্যান্ড্রয়েড এবং আইওএস উভয়টিতে মেটেরিয়াল ডিজাইন ব্যবহার করছে। তবে আমি বর্তমানে অ্যান্ড্রয়েডে আগ্রহী। আইওএস আরো ব্যয়বহুল এবং প্রতি বছর :( হয় এটা ঠিক নিরুৎসাহিত স্টার্টার এর আমাকে iOS যোগ দিতে আমার মনে হয় iOS বিকাশকারী অ্যাকাউন্টের সীমিত চার্জ ব্যবহার করা উচিত।।।
Vamsi

আমি নিশ্চিত তারা অদূর ভবিষ্যতে v1 রোডম্যাপ পোস্টটি ঘোষণা করবে।
মার্কাস মুলার

উত্তর:


71

আমি একটি মেটারিয়াল ডিজাইন সিএসএস হিসাবে পরিচিত ফ্রেমওয়ার্ক পাওয়া Materializecss । এটি আশাব্যঞ্জক মনে হচ্ছে। এটি কেবল সাধারণ সিএসএস এবং জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক।

http://matoryizecss.com/

অন্যান্য কাঠামোর উপর সুবিধা

  1. খাঁটি সিএসএস ক্লাস, আয়নিক নির্দেশের সাথে বিরোধ করবে না। পারফরম্যান্সের ক্ষতি নেই।
  2. আমি যে সমস্ত ফ্রেমওয়ার্ক দেখেছি তার মধ্যে কেবলমাত্র উপাদান নকশার নিয়মগুলি ঘনিষ্ঠভাবে অনুসরণ করা এটি
  3. প্রায় প্রস্তুত এটিতে প্রায় 50+ অবদানকারী রয়েছে এটি 6 বছরেরও কম সময়ে এটির বর্তমান সংস্করণ 0.95.3 রয়েছে
  4. ব্যবহার করা সহজ. বৈশিষ্ট্য অনুসারে ন্যাভিগেশন সহ নথিভুক্ত।
  5. এটিতে একটি অ্যাপ্লিকেশনটির জন্য প্রয়োজনীয় প্রায় সমস্ত উপাদান নকশা বৈশিষ্ট্য রয়েছে।

এই পৃষ্ঠাটি http://matoryizecss.com/getting-st সূত্র। Html আপনাকে কীভাবে এটি আপনার প্রকল্পগুলিতে অন্তর্ভুক্ত করবেন তা আপনাকে দেখাবে।

আমি আশা করি এটি একটি ভাল উপাদান নকশা কাঠামোর জন্য অনুসন্ধান আপনার জন্য সহায়তা করে।

আপডেট: 2015-07-09

আমি উপাদান ডিজাইনের জন্য আরও একটি হালকা শক্তিশালী সুন্দর সিএসএস ফ্রেমওয়ার্ক পেয়েছি

উপাদান নকশা হালকা http://www.getmdl.io/

এটি হালকা ওজনের, মসৃণ এবং দ্রুত অ্যানিমেশন রয়েছে, দেখতে বেশ সুন্দর দেখাচ্ছে। এটি গুগলের একজন বিকাশকারী তৈরি করেছিলেন। এটি আনুষ্ঠানিকভাবে গুগল https://developers.google.com/web/ দ্বারা প্রচারিত । এটি বেশ জনপ্রিয় হয়ে উঠছে, চেষ্টা করে দেখুন। কৌণিক পদার্থের সাথে তুলনা

আপডেট: 2015-10-23

আয়নিক 2 এ অ্যান্ড্রয়েডে মেটেরিয়াল ডিজাইনের জন্য ইনবাইল্ট সমর্থন রয়েছে

এটি অফিশিয়াল, আপনি অ্যাঙ্গুলার কানেক্টে আয়নিক 2 ডেমো দেখতে পারেন , এটি অ্যান্ড্রয়েডের জন্য ডিফল্ট হিসাবে মেটালিয়াল ডিজাইন রয়েছে। ম্যাটেরিয়াল ডিজাইনের কাঠামো বেছে নেওয়ার বিষয়ে আমাদের চিন্তা করার দরকার নেই।


4
এটির সাথে বড় সমস্যাটি হ'ল এর জন্য jQuery
darryn.ten

4
আমাদের শুধু সিএসএস দরকার। পপআপস, মডেলগুলি এবং অন্যান্য বৈশিষ্ট্যগুলি আয়নিকটিতে বিদ্যমান। সুতরাং, আমরা আয়নিক নয় এমন জাভাস্ক্রিপ্ট বৈশিষ্ট্যগুলিকে ব্যবহার করার চেষ্টা না করা পর্যন্ত jquery এর বেশিরভাগ প্রয়োজন হয় না।
বংশী

ম্যাটেরিয়াল ডিজাইন লাইট getmdl.io ব্যবহার করে আপনার কি কোনও প্রতিক্রিয়া আছে আমি এখানে আয়নিক + উপাদান ডিজাইন সম্পর্কে একই সমস্যা এবং প্রশ্ন করছি। সুতরাং লাইব্রেরি সম্পর্কে যে কোনও প্রতিক্রিয়া প্রশংসিত হবে
জাভিয়ের সালিনাস

আমি ব্যক্তিগতভাবে ব্যবহার করিনি Material Design Light, এটি আশাব্যঞ্জক দেখাচ্ছে। এখানে Material Design Lightএবং bootstrap টিউটোরিয়ালজাইন ডটকম / ২০১/0 / 07 / কম্পম্পিং-বুটস্ট্র্যাপ- উইথ-এমডিএল এর তুলনা করা হয়েছে , আপনি যদি বুটস্ট্র্যাপ ব্যবহার করেন তবে এটি সাহায্য করবে। গুগল তার ওয়েব বিকাশকারী পৃষ্ঠায় এটি প্রচার করে। সুতরাং, এটি যথেষ্ট ভাল হতে হবে।
ভামসী

25

আয়নিক উপাদান নামে একটি মোটামুটি নতুন প্রকল্প রয়েছে ।

আমি এটি চেষ্টা করেছি এবং এটি বেশ ভালভাবে কাজ করে, তবে পরামর্শ দিন যে এটি এখনও "প্রাক-রিলিজ পূর্বরূপ" মোডে রয়েছে।

গিথুব রেপো অনুসারে এটি এপ্রিল 2015 এ আলফায় প্রবেশ করবে।

এটি বোর দিয়ে ইনস্টল করা যেতে পারে

bower install ionic-material

এটি আপনার যা করার দরকার তা হ'ল, তবে সতর্ক হতে হবে, এখানে বাগ রয়েছে এবং ডকুমেন্টেশনটি মূলত অস্তিত্বহীন।

শুভকামনা!


9
আমি আগে আয়নিক-উপাদান লাইব্রেরি দেখেছি, তবে সমস্যাটি 1 This এটি সমাপ্তির কাছাকাছি নয়। কোনও ডকুমেন্টেশন উপলব্ধ নেই। ২. এটি সক্রিয় বিকাশে নয় এবং এর পক্ষে ভাল সমর্থন নেই। আজ দেখা হিসাবে মাত্র একটি লোক 7 দিন এটিতে কাজ করেছিল। সুতরাং এটি গ্যারান্টি ছাড়াই উত্পাদন অ্যাপ্লিকেশনটিতে এটি কঠোরভাবে ব্যবহার করা। ৩. কৌণিক-উপাদান, আয়নিক উভয়ের ভাল তহবিল এবং সমর্থন রয়েছে এবং খুব ভাল বিকাশকারী এটিতে ভাল গতিতে কাজ করছেন। সুতরাং আমি তাদের বিশ্বাস করতে পারি।
বামসি

3

আয়নিক মেটালিয়াল এবং আয়নিক মেটালিয়াল ডিজাইন লাইট হ'ল দুটি উদীয়মান নতুন গ্রন্থাগার যা আয়নিক কাঠামোর একটি বর্ধনের লক্ষ্য। যদিও কিছুটা অপরিপক্ক, আয়নিক উপাদানগুলির সাথে ভালভাবে কাজ করে এবং মেটেরিয়াল থেরিংটি ভালভাবে সমর্থন করে।

এটি সম্ভবত আরও অন্তর্দৃষ্টি দিতে পারে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.