شريط التطبيق ومكوِّن رأسه هو شريط مخصص أعلى لوحة التطبيق يمكن تخصيصه لعرض الوظائف المهمة ذات الصلة بالتطبيق، مثل العلامة التجارية والتنقل على المستوى الأعلى والوصول إلى عناصر التحكم في التطبيق.
استخدام تنسيقات متناسقة لشريط التطبيق ورؤوس التطبيقات لوضع عناصر التحكم الرئيسية، مثل البحث داخل التطبيق، في مكان قياسي في جميع أنحاء واجهة المستخدم
علم التشريح
يمكن أن يتضمن شريط التطبيق ورأسه مجموعة متنوعة من العناصر. ويمكن ضبطه بإحدى الطريقتَين التاليتَين:
- عنوان التطبيق: عند ضبط المكوِّن كعنوان تطبيق، يحتوي على مساحة للنص الاختياري، مع أقل استخدام للرموز والأزرار. عادة، يتضمن عنوان الشاشة وسهم الرجوع.
- شريط التطبيقات: عند إعداده كشريط تطبيقات، يمكن أن يشتمل على رموز وعلامات تبويب وأزرار. تشمل العناصر النموذجية رمز التطبيق وخيارات التنقل.
وقد يتضمّن أيّ من هذه الإصدارات أيضًا عناصر التحكّم في التطبيق، مثلاً البحث داخل التطبيق والإعدادات.
![بنية شريط التطبيق وعناوينه](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-anatomy-1.png?authuser=6&hl=ar)
1- سهم الرجوع
2- عنوان الشاشة
3- الزر
4- عناصر التحكّم في التطبيق
5- رمز التطبيق
6- شريط التنقّل الأساسي (علامات التبويب)
المواصفات – شريط التطبيقات
شريط تطبيق مع شريط تنقّل أساسي - بمحاذاة إلى الوسط
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-8.png?authuser=6&hl=ar)
شريط تطبيق مع شريط تنقّل أساسي - بمحاذاة إلى اليمين
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-7.png?authuser=6&hl=ar)
شريط التطبيق الذي يتضمّن شريط التنقّل الأساسي - تم تصغيره (الدرج بدلاً من علامات التبويب)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-9.png?authuser=6&hl=ar)
المواصفات – عنوان التطبيق
عنوان التطبيق مع توسيط العنوان
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-1.png?authuser=6&hl=ar)
عنوان التطبيق مع إمكانية التحكّم في تطبيق واحد
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-2.png?authuser=6&hl=ar)
عنوان التطبيق مع عناصر تحكّم متعددة في التطبيقات
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-3.png?authuser=6&hl=ar)
عنوان التطبيق بزر واحد
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-4.png?authuser=6&hl=ar)
عنوان التطبيق مع أزرار متعددة
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-5.png?authuser=6&hl=ar)
عنوان التطبيق مع تجاوز النص
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-6.png?authuser=6&hl=ar)
عنوان التطبيق مع شريط علامات تبويب مستقل
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-10.png?authuser=6&hl=ar)
التخصيص
يمكن للمصنّعين الأصليين للأجهزة عرض علامتهم التجارية عن طريق تعديل المظهر المرئي لشريط التطبيق وعنوانه. قد تشمل التعديلات ما يلي:
- الرموز المخصصة
- الخطوط المخصّصة
- تعيين مظهر الأزرار النشطة وغير النشطة والمتوقفة
- تعيين أبعاد الزر ومواضعه
يوفر Design system (نظام التصميم) إرشادات لتخصيص المكونات باستخدام التخطيط واللون وأسلوب الخط والتحجيم.
أمثلة
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-1.png?authuser=6&hl=ar)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-2.png?authuser=6&hl=ar)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-3.png?authuser=6&hl=ar)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-4.png?authuser=6&hl=ar)