Material Design Components

هذه المكونات عبارة عن وحدات بناء تفاعلية لإنشاء واجهة مستخدم.

كتالوج M3

هذا التطبيق مخصص للأغراض التجريبية للمطورين.

مزيد من المعلومات: https ://material.io/components/

الموقع الرسمي

https://github.com/material-components

البدء: كود المصدر (لـ غرض اختبار المطور)

https://www.boltuix.com/2022/05/meet-material-design-3.html

المادة عبارة عن نظام قابل للتكيف من الإرشادات والمكونات والأدوات التي تدعم أفضل ممارسات تصميم واجهة المستخدم. تعمل المادة، المدعومة بكود مفتوح المصدر، على تبسيط التعاون بين المصممين والمطورين وتساعد الفرق على بناء منتجات جميلة بسرعة.

المكونات

المكونات المادية هي وحدات بناء تفاعلية لإنشاء واجهة مستخدم.< /p>

* أشرطة التطبيقات التكيفية

* أشرطة التطبيقات: بالأسفل

* أشرطة التطبيقات: بالأعلى

* الخلفية

* اللافتات

* التنقل السفلي

* الأزرار

* الأزرار: زر الإجراء العائم

* البطاقات

* الرقائق

* جداول البيانات

* منتقيات التاريخ

* مربعات الحوار

* الفواصل

* قوائم الصور

* p>

* القوائم

* القوائم

* درج التنقل

* شريط التنقل

* مؤشرات التقدم

* عناصر التحكم في التحديد

* الأوراق: أسفل

* الأوراق: جانبية

* أشرطة التمرير

* ألواح الوجبات الخفيفة

* علامات التبويب

* حقول النص

* منتقيات الوقت

* تلميحات الأدوات

سوف تحصل على المزيد من التحديثات.

www.BoltUix.com

https://www.boltuix.com/2022/05/meet-material-design-3.html

ما الجديد في أحدث إصدار 1.13.1

تم التحديث الأخير في 2 يوليو 2024

مرجع مكونات التصميم متعدد الأبعاد 3 والسمات والموضوع الداكن

مكونات تصميم المواد (MDC) هي مكتبة من المكونات القابلة لإعادة الاستخدام والتي تنفذ مواصفات التصميم متعدد الأبعاد من Google. يوفر MDC نظام تصميم متسق وقابل للتخصيص لإنشاء تطبيقات الويب وتطبيقات الأجهزة المحمولة.

سمات

تقدم MDC مجموعة واسعة من المكونات، بما في ذلك:

* الأزرار

* الحقول النصية

* خانات الاختيار

* أزرار الراديو

* مفاتيح

* القوائم

* جداول البيانات

* بطاقات

* القوائم

كل مكون قابل للتخصيص بدرجة كبيرة، مما يسمح للمطورين بتخصيص التصميم وفقًا لاحتياجاتهم الخاصة. يوفر MDC أيضًا مجموعة شاملة من ميزات إمكانية الوصول، مما يضمن إمكانية وصول المستخدمين ذوي الإعاقة إلى التطبيقات.

بنيان

تم بناء مكونات MDC على بنية معيارية، مما يسهل دمجها في المشاريع الحالية. المكونات قائمة بذاتها ويمكن استخدامها بشكل مستقل أو مع مكونات أخرى. توفر هذه الوحدة للمطورين قدرًا كبيرًا من المرونة والتحكم في تصميم تطبيقاتهم ووظائفها.

تثبيت

يمكن تثبيت MDC عبر مجموعة متنوعة من الطرق، بما في ذلك:

* نبم

* غزل

* باور

* سي دي إن

الاستخدام

لاستخدام MDC، يقوم المطورون ببساطة باستيراد المكونات الضرورية إلى مشروعهم ثم إنشاء مثيل لها حسب الحاجة. يوفر MDC وثائق مفصلة وأمثلة للتعليمات البرمجية لمساعدة المطورين على البدء بسرعة.

فوائد

يوفر استخدام MDC العديد من الفوائد، بما في ذلك:

* الاتساق: تلتزم مكونات MDC بمواصفات تصميم المواد من Google، مما يضمن تجربة تصميم متسقة عبر التطبيقات.

* التخصيص: تتميز مكونات MDC بأنها قابلة للتخصيص بشكل كبير، مما يسمح للمطورين بتخصيص التصميم ليناسب احتياجاتهم الخاصة.

* إمكانية الوصول: يمكن الوصول إلى مكونات MDC بشكل كامل، مما يضمن إمكانية الوصول إلى التطبيقات من قبل المستخدمين ذوي الإعاقة.

* النمطية: تم بناء مكونات MDC على بنية معيارية، مما يجعلها سهلة التكامل في المشاريع الحالية.

* الأداء: تم تحسين مكونات MDC لتحقيق الأداء الأمثل، مما يضمن تحميل التطبيقات وتشغيلها بسرعة.

خاتمة

تعد Material Design Components مكتبة قوية ومرنة لبناء تطبيقات الويب وتطبيقات الهاتف المحمول. يوفر MDC نظام تصميم متسق وقابل للتخصيص، وميزات إمكانية الوصول، وبنية معيارية. باستخدام MDC، يمكن للمطورين إنشاء تطبيقات جميلة ويمكن الوصول إليها وتلتزم بمواصفات تصميم المواد من Google.