زر ينقل إجراءً سيحدث عندما يلمسه المستخدم.
الأزرار هي مكوّنات عادية ضمن "المشروع المفتوح المصدر لنظام Android" (AOSP). ويمكن ملء هذه الإعلانات إما بلون خلفية خالص أو بدون تعبئتها (بخلفية شفافة). تشير الأزرار المعبأة إلى إجراء أساسي أو مفضل. يمكن أن تظهر الأزرار بشكل مستقل أو في مجموعات، على عكس علامات التبويب التي تظهر دائمًا في مجموعات.
علم التشريح
![بنية الأزرار](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=1&hl=ar)
2- حاوية زر معبأة، تشير إلى الإجراء الأساسي أو المفضّل
3- تصنيف الزر
المواصفات
الحد الأدنى والحد الأقصى للطول
![الحد الأقصى لطول تصنيف الزر هو 20 حرفًا. الحد الأدنى لعرض الزر هو 156 بكسل مستقل الكثافة.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=1&hl=ar)
زر يتضمّن رمزًا مقارنةً بالزر التلقائي
![يمكن أن تتضمن الأزرار أيقونات. عند تضمين الرموز، تظهر عادة على يسار نص الزر.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=1&hl=ar)
يمكن أن تظهر الأزرار كعناصر في مكونات أخرى، مثل شريط التطبيق أو مربعات الحوار.
موضع الزر في شريط التطبيق
![يتم وضع الأزرار على الجانب الأيمن من شريط التطبيق](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=1&hl=ar)
الزر في مربع الحوار
![توجد الأزرار في مربعات الحوار عادةً في أسفل الجانب الأيمن من مربع الحوار](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=1&hl=ar)
الزر الرئيسي
![تؤكد الحواف الدائرية لزر الجزء الرئيسي على أهميتها](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=1&hl=ar)
التخصيص
يمكن أن يعكس المصنّعون الأصليون للأجهزة علامتهم التجارية عن طريق تعديل المظهر المرئي للزر، مثل:
- تحديد لون التمييز
- توفير الرموز المخصصة
- إضافة خطوط مخصصة
- تغيير مظهر الأزرار النشطة وغير النشطة والمعطلة
- تعيين أبعاد الزر وشكل الزاوية ومواضعه
- استخدام الحركة لتقديم ملاحظات للمستخدمين
يقدّم دليل دمج مكتبة واجهة مستخدم السيارة إرشادات للمصنّع الأصلي للجهاز لتخصيص المكوّنات.
يوفر نظام التصميم إرشادات محددة لاستخدام التخطيط واللون وأسلوب الخط والتحجيم والشكل والحركة لتخصيص المكونات.
أمثلة
![الأزرار غير المعبأة والتي تم ملؤها](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=1&hl=ar)
![زر ملء غير مفعّل](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=1&hl=ar)
![مربّع حوار زر غير معبأ](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=1&hl=ar)
![مدة حركة تمويج الزر](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=1&hl=ar)
![صورة متحركة لتمويج الأزرار](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=1&hl=ar)