סרגל הבקרה הממוזער משמש להצגת קבוצה מינימלית של פקדים ומטא נתונים. כשבוחרים באפשרות הזו, נפתחת שכבת-על במסך מלא שכוללת סרגל בקרה גדול יותר עם פקדים נוספים.
לדוגמה, סרגל הבקרה הממוזער של אפליקציות מדיה שומר על קבוצה קטנה של פקדי הפעלה ומטא-נתונים שזמינים באפליקציה בזמן השמעת מוזיקה – והוא יכול גם לפתוח תצוגת הפעלה במסך מלא.
אנטומיה
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-anatomy-1.png?authuser=0000&hl=he)
2. מטא-נתונים
3. פקדים
מפרטים
סרגל בקרה ממוזער
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-spec-1.png?authuser=0000&hl=he)
סרגל בקרה ממוזער עם גלישת טקסט
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-spec-2.png?authuser=0000&hl=he)
התאמת פריסות
פריסות העזר האלה מראות איך להתאים את סרגל הבקרה הממוזער כך שיתאים למסכים במידות רוחב וגובה שונות. (קטגוריות רוחב וגובה מוגדרות בקטע פריסה). לתשומת ליבך, כל ערכי הפיקסלים מופיעים בפיקסלים מעובדים, לפני שמבצעים דגימת הקטנה או דגימה למעלה.
מסכים ברוחב רגיל
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-2.png?authuser=0000&hl=he)
מסכים רחבים
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-3.png?authuser=0000&hl=he)
מסכים רחבים במיוחד וסופר רחב
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-4.png?authuser=0000&hl=he)
סגנונות
טיפוגרפיה
סגנון סוג | גופן | משקל | גודל (dp) |
---|---|---|---|
גוף 1 | Roboto | רגיל | 32 |
גוף 3 | Roboto | רגיל | 24 |
צבע
רכיב | צבע(מצב יום) | צבע (מצב לילה) |
---|---|---|
סוג ראשי | לבן | לבן @ 88% |
סוג משני | לבן @ 72% | לבן @ 60% |
סמלים | לבן | לבן @ 88% |
אינדיקטור של הזמן שחלף | מבטאים של צד שלישי | מבטאים של צד שלישי |
אינדיקטור שנותר | #464A4D | #464A4D |
הרקע של סרגל הבקרה הממוזער | #0E1013 @ 84% | #0E1013 @ 88% |
חיתוך הדרגתי | שחור @ 0-100% ב-10% משטח הטקסט | שחור @ 0-100% ב-10% משטח הטקסט |
התאמת גודל
רכיב | גודל (dp) |
---|---|
סמלים | 44 |
משבצת תוכן | 96 |
מחוון התקדמות | 84 |
מסלול עם אינדיקטור להתקדמות | 4 |
הגובה של סרגל הבקרה המוזער | 128 |
רדיוס פינה מעוגלת (R1) | 4 |
דוגמאות
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-mock-1.png?authuser=0000&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-mock-2.png?authuser=0000&hl=he)