التصميم المتعدد الأبعاد لنظام التشغيل Android

تجربة طريقة الإنشاء
Jetpack Compose هي مجموعة أدوات واجهة المستخدم المقترَحة لنظام التشغيل Android. تعرَّف على كيفية استخدام السمات في Compose.
التصميم المتعدد الأبعاد 3 →

Material Design هو دليل شامل للتصميم المرئي والحركة والتفاعل عبر المنصات والأجهزة. لاستخدام التصميم متعدد الأبعاد في تطبيقات Android، يمكنك اتّباع الإرشادات المحدّدة في مواصفات Material Design. إذا كان تطبيقك يستخدم Jetpack Compose، يمكنك استخدام مكتبة Compose Material 3. إذا كان تطبيقك يستخدم طرق العرض، يمكنك استخدام مكتبة مكونات مواد Android.

يوفر Android الميزات التالية لمساعدتك في إنشاء تطبيقات Material Design:

  • مظهر لتطبيق Material Design لتصميم جميع تطبيقات واجهة المستخدم الخاصة بك
  • تطبيقات مصغّرة للعروض المعقدة، مثل القوائم والبطاقات
  • واجهات برمجة التطبيقات للظلال والرسوم المتحركة المخصصة

مظاهر Material Design والتطبيقات المصغّرة

وللاستفادة من ميزات Material، مثل تصميم التطبيقات المصغّرة العادية لواجهة المستخدم، وتبسيط تعريف النمط في تطبيقك، يمكنك تطبيق مظهر قائم على المواد على تطبيقك.

الشكل 1. مظهر غامق للمحتوى
الشكل 2. مظهر فاتح اللون:

إذا كنت تستخدم "استوديو Android" لإنشاء مشروع Android، يتم تطبيق "مظهر متعدد الأبعاد" تلقائيًا. لمعرفة كيفية تعديل مظهر مشروعك، يمكنك الاطّلاع على الأنماط والمظاهر.

لتزويد المستخدمين بتجربة مألوفة، استخدم أنماط تجربة المستخدم الأكثر شيوعًا في Material:

  • روِّج للإجراء الرئيسي لواجهة المستخدم باستخدام زر إجراء عائم (FAB).
  • يمكنك عرض علامتك التجارية وإجراءات التنقّل والبحث وغيرها من الإجراءات باستخدام شريط التطبيقات.
  • يمكنك إظهار شريط التنقّل في تطبيقك وإخفاؤه باستخدام درج التنقّل.
  • يمكنك الاختيار من بين العديد من "المكوّنات الأساسية" الأخرى لتصميم تطبيقك وتنقّله، مثل أشرطة الأدوات القابلة للتصغير وعلامات التبويب وشريط التنقّل السفلي وغير ذلك. لعرض جميع المكونات الإضافية، راجِع كتالوج Materials (المكونات الأساسية) لنظام التشغيل Android.

استخدِم رموز Material Codes المحدَّدة مسبقًا، كلما أمكن ذلك. على سبيل المثال، بالنسبة لزر التنقل "القائمة" لدرج التنقل لديك، استخدم أيقونة "همبرغر" القياسية. راجع أيقونات التصميم متعدد الأبعاد للحصول على قائمة بالأيقونات المتاحة. يمكنك أيضًا استيراد رموز SVG من مكتبة Material Icon باستخدام Vector Asset Studio من "استوديو Android".

البطاقات وظلال الارتفاع

بالإضافة إلى السمتَين X وY، تحتوي الملفات الشخصية في Android على موقع Z. تمثل هذه الخاصية ارتفاع الملف الشخصي، الذي يحدد ما يلي:

  • حجم ظلال هذا العنصر: تُبرز العروض ذات القيم الأعلى من Z ظلالاً أكبر.
  • ترتيب الرسم: تظهر المشاهدات ذات القيم الأعلى من Z فوق طرق العرض الأخرى.
الشكل 3. القيمة Z التي تمثل الارتفاع.

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

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

الصور المتحركة

الشكل 4. صورة متحركة للملاحظات باللمس.

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

تتيح لك واجهات برمجة التطبيقات هذه ما يلي:

  • ويمكنك الاستجابة لأحداث اللمس في طرق العرض باستخدام الصور المتحركة لميزة الملاحظات باللمس.
  • إخفاء المشاهدات وعرضها باستخدام الصور المتحركة للكشف بشكل دائري.
  • يمكنك التبديل بين الأنشطة ذات الصور المتحركة المخصّصة لانتقال النشاط.
  • أنشئ المزيد من الصور المتحركة الطبيعية باستخدام حركة منحنية.
  • تحريك التغييرات في واحدة أو أكثر من خصائص الملف الشخصي باستخدام الصور المتحركة لتغيير حالة العرض.
  • عرض الرسوم المتحركة في العناصر القابلة للرسم في قائمة الحالات بين تغييرات حالة العرض.

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

لمزيد من المعلومات، راجِع مقدمة حول الصور المتحركة.

قابلة للرسم

تساعدك هذه الإمكانات الخاصة بالعناصر القابلة للرسم على تنفيذ تطبيقات Material Design: