التنسيقات الأساسية

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

يتضمّن إطار عمل Android مكوّنات متخصّصة تجعل تنفيذ التصاميم أمرًا مباشرًا وموثوقًا به باستخدام Jetpack Compose أو واجهات برمجة التطبيقات لأدوات العرض.

تنسيق "قائمة مع تفاصيل"

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

يمكن أن يكون المحتوى ثابتًا أو ديناميكيًا.

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

يوفّر ملف Now in Android على Figma أمثلة متعددة على التصميمات. يعرض المثال التالي مجموعة أحادية البُعد من المحتوى.

يمكنك الاطّلاع على قوائم Material 3 للحصول على المزيد من الإرشادات حول تصميم عناصر القوائم ومواصفاتها.

تنسيق الخلاصة

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

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

يمكنك تنفيذ تخطيط خلاصة في Compose باستخدام القوائم أو الشبكات الكسولة، أو في "طرق العرض" باستخدام RecyclerView أو CardView.

على سبيل المثال، يشيع استخدام معرض الصور والبودكاست بتنسيق شبكة في الخلاصات.

تنسيق جزء الدعم

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

مزيد من المعلومات عن إرشادات M3 لأوراق البيانات السفلية