شريط التطبيق والرأس

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

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

تشريح

يمكن أن يتضمن شريط التطبيق ورأسه مجموعة متنوعة من العناصر. ويمكن تهيئته بإحدى الطريقتين التاليتين:

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

يمكن أن تتضمن أي من هاتين النسختين أيضًا عناصر تحكم التطبيق، مثل البحث والإعدادات داخل التطبيق.

تشريح شريط التطبيق ورأس الصفحة
نسختان من رأس التطبيق (أعلى ووسط) ونسخة واحدة من شريط التطبيق (أسفل)، تتضمن العناصر التالية:
1. سهم الرجوع
2. عنوان الشاشة
3. زر
4. عناصر تحكم التطبيق
5. أيقونة التطبيق
6. التنقل الرئيسي (علامات التبويب)

المواصفات – شريط التطبيقات

شريط التطبيق مع التنقل الرئيسي - محاذي للوسط

شريط التطبيق مع التنقل الرئيسي - محاذي لليسار

شريط التطبيق مع التنقل الرئيسي - مطوي (درج بدلاً من علامات التبويب)

المواصفات - رأس التطبيق

رأس التطبيق مع عنوان مركزي

رأس التطبيق مع عنصر تحكم واحد للتطبيق

رأس التطبيق مع عناصر تحكم متعددة للتطبيق

رأس التطبيق مع زر واحد

رأس التطبيق مع أزرار متعددة

رأس التطبيق مع تجاوز النص

رأس التطبيق مع شريط علامات تبويب مستقل

التخصيص

يمكنك التعبير عن علامتك التجارية من خلال تعديل المظهر المرئي لشريط التطبيق ورأس الصفحة. قد تشمل التعديلات ما يلي:

  • أيقونات مخصصة
  • خطوط مخصصة
  • ضبط مظهر الأزرار النشطة وغير النشطة والمعطلة
  • تحديد أبعاد ومواقع الأزرار

أمثلة

رأس التطبيق في تسجيل الدخول
رأس التطبيق أثناء التشغيل
شريط التطبيقات
شريط التطبيق عند تمرير المحتوى