סרגל האפליקציה ורכיב הכותרת הם סרגל ייעודי בחלק העליון של אזור העריכה של האפליקציה. אפשר להתאים אותו אישית כדי להציג פונקציות חשובות שקשורות לאפליקציה, כמו מיתוג, ניווט ברמה העליונה וגישה לפקדים של האפליקציה.
כדאי להשתמש בפריסות עקביות של סרגל האפליקציות והכותרת כדי למקם פקדים עיקריים, כמו חיפוש בתוך האפליקציה, במיקום סטנדרטי בממשק המשתמש.
אנטומיה
סרגל האפליקציה והכותרת יכולים לכלול מגוון אלמנטים. אפשר להגדיר אותה באחת מהדרכים הבאות:
- כותרת האפליקציה: כשמגדירים את הרכיב ככותרת לאפליקציה, היא מכילה מקום לטקסט אופציונלי עם שימוש מינימלי בסמלים ובלחצנים. בדרך כלל היא כוללת כותרת מסך וחץ חזרה.
- סרגל אפליקציות: כשמגדירים את הסרגל כסרגל אפליקציה, הוא יכול לכלול סמלים, כרטיסיות ולחצנים. רכיבים אופייניים כוללים סמל של אפליקציה ואפשרויות ניווט.
כל אחת מהגרסאות האלה עשויה לכלול גם אמצעי בקרה לאפליקציה, כמו חיפוש בתוך האפליקציה והגדרות.
![האנטומיה של סרגל האפליקציות והכותרת](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-anatomy-1.png?authuser=0000&hl=he)
1. חץ חזרה
2. שם המסך
3. לחצן
4. אמצעי בקרה לאפליקציות
5. סמל האפליקציה
6. ניווט ראשי (כרטיסיות)
מפרטים – סרגל האפליקציה
סרגל האפליקציה עם הניווט הראשי – ממורכז
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-8.png?authuser=0000&hl=he)
סרגל האפליקציה עם הניווט הראשי – מיושר לשמאל
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-7.png?authuser=0000&hl=he)
סרגל האפליקציה עם הניווט הראשי – מכווץ (חלונית הזזה במקום כרטיסיות)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-9.png?authuser=0000&hl=he)
מפרטים – כותרת האפליקציה
כותרת האפליקציה עם כותרת ממורכזת
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-1.png?authuser=0000&hl=he)
כותרת אפליקציה עם שליטה באפליקציה יחידה
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-2.png?authuser=0000&hl=he)
כותרת אפליקציה עם מספר פקדים לאפליקציה
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-3.png?authuser=0000&hl=he)
כותרת האפליקציה עם לחצן יחיד
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-4.png?authuser=0000&hl=he)
כותרת אפליקציה עם מספר לחצנים
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-5.png?authuser=0000&hl=he)
כותרת האפליקציה עם גלישת טקסט
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-6.png?authuser=0000&hl=he)
כותרת של אפליקציה עם סרגל כרטיסיות עצמאי
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-spec-10.png?authuser=0000&hl=he)
התאמה אישית
יצרני ציוד מקורי יכולים לשקף את המותג שלהם על ידי שינוי המראה החזותי של סרגל האפליקציה והכותרת. השינויים עשויים לכלול:
- סמלים מותאמים אישית
- גופנים בהתאמה אישית
- הגדרת המראה של לחצנים פעילים, לא פעילים ומושבתים
- הגדרת מימדים ומיקומים של לחצנים
מערכת העיצוב מספקת הנחיות להתאמה אישית של רכיבים לפי פריסה, צבע, טיפוגרפיה וגודל.
דוגמאות
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-1.png?authuser=0000&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-2.png?authuser=0000&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-3.png?authuser=0000&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/app-bar-mock-4.png?authuser=0000&hl=he)