يُستخدم شريط التحكم المصغر لعرض الحد الأدنى من مجموعة عناصر التحكم والبيانات الوصفية. عند تحديده، يتم فتح عرض مركب بملء الشاشة يتضمن شريط تحكم أكبر مع عناصر تحكم إضافية.
على سبيل المثال، يحتفظ شريط التحكم المصغر لتطبيقات الوسائط بمجموعة صغيرة من عناصر التحكم في التشغيل والبيانات الوصفية المتاحة في التطبيق أثناء تشغيل الموسيقى، ويمكن أن يؤدي أيضًا إلى فتح عرض التشغيل بملء الشاشة.
علم التشريح
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-anatomy-1.png?authuser=8&hl=ar)
2- البيانات الوصفية
3. عناصر التحكّم
المواصفات
شريط التحكّم المصغّر
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-spec-1.png?authuser=8&hl=ar)
شريط تحكم مصغر يحتوي على تجاوز النص
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-spec-2.png?authuser=8&hl=ar)
تغيير حجم التخطيطات
توضح هذه التخطيطات المرجعية كيفية تكييف شريط التحكم المصغر ليناسب الشاشات ذات الأحجام والارتفاعات المختلفة. (يتم تحديد فئات العرض والارتفاع في قسم التصميم). تجدر الإشارة إلى أنّ جميع قيم البكسل تكون في وحدات البكسل المعروضة، قبل حدوث أي انخفاض في أخذ العينات أو زيادة العيّنات.
شاشات بعرض عادي
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-2.png?authuser=8&hl=ar)
شاشات عريضة
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-3.png?authuser=8&hl=ar)
الشاشات العريضة جدًا والكبيرة جدًا
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-4.png?authuser=8&hl=ar)
الأنماط
فن الطباعة
نمط النوع | الخط | الوزن | الحجم (dp) |
---|---|---|---|
Body 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=8&hl=ar)
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-mock-2.png?authuser=8&hl=ar)