استخدِم التنسيقات الشائعة للمساعدة في تصميم تطبيقك لحالات الاستخدام الشائعة وأحجام الشاشات المختلفة. تُعدّ هذه التصاميم الجاهزة للاستخدام نقاط بداية جيدة.
عرض على شكل قائمة مع تفاصيل
يتيح عرض على شكل قائمة مع تفاصيل للمستخدمين استكشاف قوائم العناصر التي تتضمّن معلومات وصفية أو توضيحية أو معلومات تكميلية أخرى، وهي تفاصيل العنصر. بالنسبة إلى أحجام الشاشات الصغيرة، لا يظهر سوى عرض القائمة أو عرض التفاصيل. تُعدّ القوائم الشكل الأكثر شيوعًا للتنسيقات في التطبيقات، حيث تعرض مجموعة من المحتوى في تنسيق يستند إلى الصفوف. يُعدّ عرض على شكل قائمة مع تفاصيل مثاليًا لتطبيقات المراسلة أو تطبيقات إدارة جهات الاتصال أو متصفّحات الملفات أو أي تطبيق يمكن فيه تنظيم المحتوى كقائمة من العناصر التي تكشف عن معلومات إضافية.
يمكن أن يكون المحتوى ثابتًا أو ديناميكيًا.
- المحتوى الديناميكي هو المحتوى الذي يعرضه تطبيقك أثناء الاستخدام، وهو مثالي لعرض محتوى من إنشاء المستخدمين أو عرض تفضيلات المستخدم أو إجراءاته. على سبيل المثال، تخيَّل تطبيق صور يتضمّن قائمة قابلة للتمرير من الصور التي ينشئها المستخدمون، وهي فريدة لكل مستخدم وتتغيّر عندما يحمّل المستخدم المزيد من الصور. هذه الصور هي محتوى ديناميكي.
- يمثّل المحتوى الثابت المحتوى المرمّز، ولا يمكن تعديله إلا من خلال إجراء تغييرات مباشرةً على رمز تطبيقك. من أمثلة المحتوى الثابت الصور والنصوص التي قد يراها كل مستخدم.
يوفّر ملف Now in Android على Figma أمثلة متعدّدة على التنسيقات. يعرض المثال التالي مجموعة أحادية الأبعاد من المحتوى.
يمكنك استكشاف قوائم Material 3 للحصول على مزيد من الإرشادات حول تصميم مكوّنات القوائم ومواصفاتها.
تنسيق الخلاصة
يرتّب تنسيق الخلاصة عناصر المحتوى المتكافئة في شبكة قابلة للإعداد لعرض كمية كبيرة من المحتوى بسرعة وسهولة. مزيد من المعلومات عن إرشادات Material 3 لاستخدام البطاقات في مجموعة يمكن أن تستند الخلاصة إلى قائمة أو شبكة على الشاشات الصغيرة، وعادةً ما تكون في بطاقات أو مربّعات. يمكن أن يكون المحتوى ديناميكيًا، ما يعني أنّه يتم "إدخاله" من مصدر خارجي ديناميكي، مثل واجهة برمجة تطبيقات.
يتكوّن تنسيق الشبكة من صفوف وأعمدة تستند إلى مبادئ الاحتواء الضمنية أو الصريحة. يمكن تطبيق تنسيق الشبكة بشكل أكثر صرامة أو بشكل متداخل لتغيير الصفوف والأعمدة. يجب أن يتضمّن كلا التنسيقَين تطبيقًا متسقًا للمسافات والمنطق لتجنُّب إرباك المستخدمين.
يمكنك تنفيذ تنسيق خلاصة باستخدام القوائم الكسولة أو الشبكات الكسولة.
على سبيل المثال، هنا معرض صور وملفات بودكاست بتنسيق شبكة، وهما من تنسيقات الخلاصة الشائعة.
تنسيق لوحة الدعم
قد يتطلّب العرض المخصّص للجهاز الجوّال محتوى أو عناصر تحكّم داعمة، مثل الأوراق أو مربّعات الحوار. تساعد هذه العناصر في الحفاظ على تركيز العرض الأساسي وعدم تشوشه.
مزيد من المعلومات عن إرشادات M3 للأوراق السفلية.
عناصر WebView
تعرض عناصر WebView صفحات الويب داخل التطبيق. في معظم الحالات، ننصحك باستخدام متصفّح ويب عادي، مثل Chrome، لعرض المحتوى للمستخدم. لمزيد من المعلومات عن متصفّحات الويب، يمكنك قراءة دليل استدعاء متصفّح باستخدام هدف.