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

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

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

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

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

المظهر المتعدد الأبعاد والتطبيقات المصغّرة

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

الشكل 1. مظهر داكن اللون
الشكل 2. مظهر Material فاتح.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

قابلة للرسم

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