Material Design Components

كتالوج M3 🚀

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

📚 الكود المصدري: GitHub - مكونات تصميم المواد

https://github.com/boltuix-store/Material-Design-Components

📖 التوثيق: إرشادات Material 3 لعام 2025

https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

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

المكونات 🛠️

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

إليك القائمة الشاملة مع المكونات الإضافية:

* تصميمات متكيفة 🖥️: تصميمات مرنة لمختلف أحجام الشاشات

* أشرطة التطبيقات: أسفل 📱: أشرطة التنقل والإجراءات أسفل الشاشة

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

* الخلفية 🎨: محتوى متعدد الطبقات بعرض أمامي وخلفي

* الشارات 🔔: شارات للإشعارات أو الحالة على عناصر واجهة المستخدم (قابلة للرسم)

* اللافتات 📢: رسائل مؤقتة لجذب انتباه المستخدم

* التنقل أسفل 🧭: التبديل بين عروض واجهة المستخدم أسفل الشاشة

* الصفحات السفلية ⬇️: محتوى ثانوي مثبت أسفل الشاشة

* الأزرار 👆: مكونات أساسية لتشغيل الإجراءات في واجهة المستخدم

* الأزرار: زر الإجراء العائم (FAB) ➕: أزرار الإجراء العائمة للإجراءات الأساسية

* قوائم FAB 🔄: قوائم ممتدة من أزرار FAB للعناصر ذات الصلة الإجراءات

* البطاقات 🗂️: عرض المحتوى والإجراءات لموضوع واحد

* دائري 🎠: مجموعة عناصر قابلة للتمرير على الشاشة وخارجها

* مربعات الاختيار ✅: تحديد عنصر واحد أو أكثر أو تفعيل/إيقاف

* الشرائح 🏷️: إدخال معلومات، تحديد خيارات، تصفية، أو تفعيل إجراءات

* جداول البيانات 📊: تنظيم وعرض البيانات المنظمة

* محددات التاريخ 📅: تحديد تاريخ أو نطاق من التواريخ

* مربعات الحوار ❗: مطالبات مهمة في سير عمل المستخدم

* الفواصل ➖: خطوط رفيعة لتجميع المحتوى في حاويات

* شريط أدوات ثابت ⚓: أشرطة أدوات ثابتة للإجراءات المتكررة

* شريط أدوات عائم 🛠️: أشرطة أدوات ديناميكية للإجراءات السياقية

* أزرار أيقونات وأزرار مجزأة 🖼️: أزرار بأيقونات أو خيارات مجزأة للتفاعل

* قوائم الصور 🖼️: شبكة أو قائمة صور

* قوائم 📋: قوائم عمودية لعرض المحتوى

* مؤشرات التحميل 🔄: إشارات بصرية لعمليات التحميل القصيرة

* MaterialTextView ✍️: مُكوّن مُحسّن لعرض النص في Material 3

* القوائم 📜: عرض قائمة خيارات على سطح مؤقت

* درج التنقل 📂: التبديل بين عروض واجهة المستخدم على الأجهزة الأكبر حجمًا

* شريط التنقل 🚆: التبديل بين عروض واجهة المستخدم على الأجهزة متوسطة الحجم

* مؤشرات التقدم ⏳: عرض أوقات انتظار أو مدة عملية غير مُحددة

* أزرار الاختيار 🔘: تحديد خيار واحد من مجموعة

* شريط البحث 🔍: إدخال كلمات رئيسية أو عبارات للبحث عن معلومات ذات صلة

* عناصر التحكم في الاختيار 🎚️: إدارة اختيارات المستخدم (مربعات الاختيار، أزرار الاختيار، مفاتيح التبديل)

* الأوراق: أسفل 📄: محتوى ثانوي أسفل الشاشة

* الأوراق: جانبي 📑: محتوى ثانوي مُثبّت على جانب الشاشة

* الأوراق الجانبية 📘: محتوى ثانوي مثبت على الجانب

* أشرطة التمرير 🎚️: اختر من بين مجموعة من القيم

* أشرطة الوجبات الخفيفة 🔔: تحديثات موجزة حول عمليات التطبيق أسفل الشاشة

* مفاتيح التبديل 🔄: تفعيل أو تعطيل تحديد عنصر

* علامات التبويب 📑: تنظيم المحتوى عبر شاشات وطرق عرض مختلفة

* حقول النص ✍️: تسمح للمستخدمين بإدخال وتحرير النصوص في واجهة المستخدم

* محددات الوقت ⏰: تساعد المستخدمين على تحديد وتعيين وقت محدد

* تلميحات الأدوات 💡: أوصاف موجزة لعناصر واجهة المستخدم

🚀 متوفر الآن على CodeCanyon

اشترِ نسخة Kotlin من Material UIX - مجموعتك المثالية لتصميم واجهات مستخدم أنيقة وعصرية وسريعة الاستجابة.

قالب تطبيق حديث - واجهة مستخدم متجاوبة وقابلة للتخصيص لـ:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 احصل عليه من CodeCanyon

https://codecanyon.net/user/boltuix