يمكنك استخدام مكوّن الزر لتنفيذ إجراءات يفهمها المستخدمون جيدًا ولا تحتاج إلى تصنيف نصي. يتم تمييز الأزرار عن الرقائق من خلال شكلها الدائري.
علم التشريح
![](https://developer.android.google.cn/static/wear/images/buttons/button-anatomy.png?authuser=5&hl=ar)
(أ). المحتوى
تحتوي الأزرار على خانة واحدة محجوزة لرمز أو نص. اختر رمزًا ذا صلة بالإجراء الذي ينفذه الزر. يمكنك استخدام نص لا يزيد عدد أحرفه عن ثلاثة أحرف إذا كانت الأيقونة غير قادرة على وصف الإجراء ذي الصلة. يجب مراعاة استخدام مكوّن الشريحة إذا لم يتمكن رمز من وصف الإجراء بوضوح
(ب). الحاوية
تقتصر حاويات الأزرار على تعبئة واحدة بلون واحد.
أنواع الأزرار
![](https://developer.android.google.cn/static/wear/images/buttons/buttons-related-components-toggle-buttons.png?authuser=5&hl=ar)
![](https://developer.android.google.cn/static/wear/images/buttons/buttons-related-components-compact-buttons.png?authuser=5&hl=ar)
أزرار التبديل
تتيح أزرار التبديل للمستخدمين التبديل بين حالتين.
أزرار مكثفة
الأزرار المكثّفة تبدو أصغر حجمًا ولكن لها مساحة أكبر قابلة للنقر. المنطقة التلقائية القابلة للنقر هي 48x48 بكسل مستقل الكثافة.
تسلسل هرمي
![](https://developer.android.google.cn/static/wear/images/buttons/buttons-hierarchy.png?authuser=5&hl=ar)
استخدام تعبئة ألوان مختلفة للإشارة إلى التدرج الهرمي للأزرار
تركيز عالٍ
تحتوي الأزرار ذات التوكيد العالي على إجراءات أساسية للتطبيق. وبالنسبة إلى الأزرار التي تكون عالية التوكيد، استخدِم الألوان الأساسية أو الثانوية للحاوية، واللون الأساسي واللون الثانوي للمحتوى. لمزيد من المعلومات، راجع تخصيص تصميم مواد Wear OS.
تركيز متوسطيتم تمييز أزرار التوكيد المتوسط بتعبئة لون أقل تباينًا. تحتوي على إجراءات أقل أهمية من الإجراءات الأساسية. استخدِم لون "سطح" الحاوية ولون "على السطح" لعرض المحتوى.
ويمكنك بدلاً من ذلك استخدام مكوّن OutLineButton المخصّص لزر توكيد متوسط. يحتوي هذا القسم على خلفية شفافة وخيار أساسي للّون معتم بنسبة 60% ومحتوى ملوّن أساسي.
توكيد منخفض (الرمز فقط)يتم تمييز الأزرار منخفضة التوكيد بعدم وجود تعبئة. وهي تناسب المساحات الصغيرة على خلفية شاشة الساعة حيث يلزم ترتيب المحتوى بشكل مصغّر. استخدِم اللون "على السطح" للمحتوى.
الأحجام
استخدم أزرارًا ذات أحجام مختلفة للتأكيد على الإجراءات أو عدم التركيز عليها.
![](https://developer.android.google.cn/static/wear/images/buttons/buttons-large.png?authuser=5&hl=ar)
![](https://developer.android.google.cn/static/wear/images/buttons/buttons-default.png?authuser=5&hl=ar)
كبير
رمز (30 × 30 بكسل مستقل الكثافة)
الحاوية (60 × 60 بكسل مستقل الكثافة)
إعداد تلقائي
رمز (26 × 26 بكسل مستقل الكثافة)
الحاوية (52 × 52 بكسل مستقل الكثافة)
![](https://developer.android.google.cn/static/wear/images/buttons/buttons-related-sizes-small.png?authuser=5&hl=ar)
![](https://developer.android.google.cn/static/wear/images/buttons/buttons-xsmall.png?authuser=5&hl=ar)
صغيرة
رمز (24 × 24 dp)
الحاوية (48 × 48 بكسل مستقل الكثافة)
صغير جدًا
رمز (24 × 24 بكسل مستقل الكثافة)
الحاوية (32 × 32 بكسل مستقل الكثافة)
ننصح بإضافة مساحة متروكة إضافية حول هذا الزر لإنشاء هدف نقر لا يقل عن 48 بكسل مستقل الكثافة. وهذا هو الحد الأدنى لحجم هدف النقر من أجل تسهيل الاستخدام.
الاستخدام
يمكنك استخدام الأزرار العادية لتمكين المستخدم من اتخاذ إجراء واحد كقبول مكالمة أو رفضها أو بدء موقّت.
استخدِم أزرار التبديل للسماح للمستخدم بتفعيل خيار أو إيقافه، مثل تحديد أيام الأسبوع وإلغاء اختيارها أو إيقاف موقّت وإعادة تشغيله.
التنسيقات التكيُّفية
السلوك المتجاوب
![](https://developer.android.google.cn/static/wear/images/buttons/anatomy-large-screen-one-button.png?authuser=5&hl=ar)
![](https://developer.android.google.cn/static/wear/images/buttons/anatomy-large-screen-two-buttons.png?authuser=5&hl=ar)
زر واحد
ستظل المساحة المتروكة الداخلية كما هي، ويجب أن تكون الهوامش نسبًا مئوية لإيقاف تمديد الأزرار بعيدًا جدًا والحفاظ على حجم نسبي.
زرّان
عند وجود زرين، تتم إضافة الهوامش الداخلية للنسبة المئوية لمنع تمديد الأزرار بعيدًا جدًا والحفاظ على حجم نسبي.
أدوات تحرير أسلوب الإدخال
زر واحد أو زران
وتمتد دائمًا أدوات IME التي تتضمن قفلاً مزودًا بزر واحد أو زر واحد حتى الهوامش الجانبية بغض النظر عن حجم الشاشة.
3 أزرار
على الشاشات الأصغر من 225 وحدة بكسل مستقلة الكثافة، تظل الأزرار دائرية ولا تتمدد. على الشاشات الأكبر حجمًا التي يبلغ حجمها 225 وحدة بكسل مستقلة الكثافة أو أكثر، تتمدّ الأزرار إلى أن تصل إلى الهوامش الجانبية.