يمكنك تصميم تنسيقات فعّالة للتطبيقات المصغّرة من خلال تحديد المحتوى الأساسي أولاً، لأنّ التنسيق يحدّد طريقة تنظيم المعلومات والعناصر التفاعلية داخل التطبيق المصغّر. يوفّر نظام التشغيل Android العديد من التنسيقات المسبقة الإنشاء لأشرطة الأدوات والنصوص والتطبيقات المصغّرة من النوعين القائمة والشبكة لتبسيط هذه العملية.
نص
تُعدّ تخطيطات النصوص مثالية لعرض معلومات موجزة. يمكنك تحسين المظهر المرئي للأداة من خلال تضمين صورة بجانب النص.
وهي مثالية للعناوين أو تحديثات الحالة أو الأوصاف القصيرة أو أي سيناريو يتم فيه نقل الرسالة بشكل فعّال باستخدام سطر واحد من النص.
أدرِج صورة لزيادة التأثير المرئي. لمزيد من المعلومات، راجِع مقالة نقاط التوقف للتعرّف على كيفية تكييف هذا التصميم مع أحجام الشاشات المختلفة.
أشرطة الأدوات
استخدِم تنسيقات أشرطة الأدوات لتوفير وصول سريع للمستخدمين إلى المهام التي يتم استخدامها بشكل متكرّر في تطبيقك، وذلك في تنسيق مرن يتكيّف مع أحجام التطبيقات المصغّرة المختلفة.
تم تصميم تخطيط شريط أدوات البحث عمدًا للتركيز على البحث باعتباره الإجراء الأساسي في شريط الأدوات. يمكن أن توفّر الأزرار الإضافية سهلة الاستخدام إمكانية الوصول السريع إلى الوظائف المستخدَمة بشكل متكرّر.
تعرض أشرطة الأدوات العلامة التجارية للتطبيق متبوعة بأزرار للمهام الأكثر استخدامًا، وهي مثالية للإعدادات القابلة للتبديل أو روابط المهام. عند تغيير الحجم، يمكن إخفاء الخيارات الأقل استخدامًا لصالح الإجراءات الأكثر شيوعًا. استخدِم نقاط التوقّف لإضافة زر جديد قابل للنقر بحجم 48 بكسل على الأقل عند توفّر مساحة.
القوائم
استخدِم تنسيقات القوائم لتنظيم عناصر متعدّدة بتنسيق واضح يسهل البحث فيه، وهو مثالي لعناوين الأخبار أو قوائم المهام أو الرسائل. نظِّم المحتوى في قائمة منظَّمة يسهل البحث فيها، واختَر بين العرض في حاوية أو بدون حاوية استنادًا إلى احتياجات المحتوى.
تُعدّ قوائم النصوص والصور القابلة للفحص مثالية لعرض أنواع متعدّدة من المحتوى، مثل عناوين الأخبار أو قوائم التشغيل التي تتضمّن صور الألبومات أو الرسائل.
يُعدّ تصميم قائمة التحقّق مثاليًا لعرض المهام، إذ يوفّر أهدافًا واضحة للنقر ليتمكّن المستخدمون من وضع علامة "تم" على العناصر بسرعة.
توفير تجميع سهل الاستخدام لعناصر التحكّم باستخدام قوائم المهام، حيث تقدّم حالات التفعيل/الإيقاف المرئية ملاحظات فورية حول حالات العناصر
شبكة
عرض الصور في شبكة مضغوطة ومرنة وغنية من الناحية المرئية مع تصنيفات اختيارية استخدِم أعمدة وصفوفًا تتكيّف مع أحجام الشاشات المختلفة.
يمكنك إنشاء معارض صور قابلة للتمرير ذات تأثير مرئي كبير باستخدام شبكات تحتوي على صور فقط. تتكيّف الصفوف والأعمدة تلقائيًا مع أحجام الشاشات المختلفة لضمان العرض الأمثل.
يمكنك أيضًا تضمين تصنيفات وأوصاف نصية، ما يثري محتوى شبكة الصور بسياق ومعلومات إضافية.
عيّنات التعليمات البرمجية
يوضّح الجدول التالي كل تصميم أساسي وعلاقته بتنفيذ Jetpack Glance المقابل له في مستودع نماذج منصة Android على GitHub.
| التصميم الأساسي | فئة التنسيق | نموذج ملف التنفيذ |
|---|---|---|
| النص فقط | نص | LongTextAppWidget.kt |
| النصوص والصور | نص | TextWithImageAppWidget.kt |
| شريط أدوات البحث | أشرطة الأدوات | SearchToolBarAppWidget.kt |
| شريط الأدوات (عادي) | أشرطة الأدوات | ToolBarAppWidget.kt |
| قائمة النصوص والصور | القوائم | ImageTextListAppWidget.kt |
| قائمة التحقّق | القوائم | CheckListAppWidget.kt |
| قائمة الإجراءات | القوائم | ActionListAppWidget.kt |
| صورة فقط | شبكة | ImageGridAppWidget.kt |
| الصورة والنص | شبكة | ImageGridAppWidget.kt |