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