دکمه ها

یک دکمه، عملی را که هنگام لمس آن توسط کاربر رخ می‌دهد، بیان می‌کند.

دکمه‌ها اجزای استاندارد پروژه متن‌باز اندروید (AOSP) هستند. آن‌ها می‌توانند با یک رنگ پس‌زمینه ثابت پر شوند یا پر نشوند (با پس‌زمینه شفاف). دکمه‌های پر شده نشان‌دهنده یک اقدام اصلی یا ترجیحی هستند. دکمه‌ها می‌توانند به صورت مستقل یا گروهی ظاهر شوند - برخلاف تب‌ها که همیشه به صورت گروهی ظاهر می‌شوند.

آناتومی

آناتومی دکمه‌ها
۱. ظرف دکمه‌ای پر نشده
۲. محفظه دکمه پر شده، که نشان‌دهنده اقدام اصلی یا ترجیحی است
۳. برچسب دکمه

مشخصات

حداقل و حداکثر طول دکمه

حداکثر طول برچسب دکمه ۲۰ کاراکتر و حداقل عرض دکمه ۱۵۶dp است.
حداکثر طول برچسب دکمه ۲۰ کاراکتر و حداقل عرض دکمه ۱۵۶ dp است.

دکمه با آیکون در مقابل دکمه پیش‌فرض

دکمه‌ها می‌توانند شامل آیکون باشند. وقتی آیکون‌ها اضافه می‌شوند، معمولاً در سمت چپ متن دکمه ظاهر می‌شوند.
دکمه‌ها می‌توانند شامل آیکون باشند. وقتی آیکون‌ها اضافه می‌شوند، معمولاً در سمت چپ متن دکمه ظاهر می‌شوند.

دکمه‌ها می‌توانند به عنوان عناصری در سایر کامپوننت‌ها، مانند نوار برنامه یا دیالوگ‌ها، ظاهر شوند.

قرار دادن دکمه در نوار برنامه

دکمه‌ها در سمت راست نوار برنامه قرار می‌گیرند
دکمه‌ها در سمت راست نوار برنامه قرار دارند.

دکمه در کادر محاوره‌ای

دکمه‌ها در پنجره‌های محاوره‌ای معمولاً در پایین سمت چپ پنجره قرار دارند.
دکمه‌ها در پنجره‌های محاوره‌ای معمولاً در پایین سمت چپ پنجره قرار دارند.

دکمه قهرمان

لبه‌های گرد دکمه‌ی قهرمان، اهمیت آن را برجسته می‌کند.
لبه‌های گرد، اهمیت دکمه‌ی قهرمان (hero button) را برجسته می‌کنند.

سفارشی‌سازی

تولیدکنندگان اصلی تجهیزات (OEM) می‌توانند با تغییر ظاهر بصری یک دکمه، برند خود را منعکس کنند، مانند:

  • مشخص کردن یک رنگ تاکیدی
  • ارائه آیکون‌های سفارشی
  • اضافه کردن فونت‌های سفارشی
  • تغییر ظاهر دکمه‌های فعال، غیرفعال و غیرفعال
  • تنظیم ابعاد دکمه، شکل گوشه و محل قرارگیری آن
  • استفاده از حرکت برای ارائه بازخورد به کاربران

راهنمای یکپارچه‌سازی کتابخانه رابط کاربری خودرو، راهنمایی‌های لازم برای سفارشی‌سازی قطعات توسط تولیدکنندگان اصلی (OEM) را ارائه می‌دهد.

مثال‌ها

دکمه‌های خالی و دکمه‌های پر
دکمه‌های پر نشده و پر شده، که دکمه پر شده نشان دهنده اقدام اصلی است.
دکمه پر شده غیرفعال
رنگ و میزان شفافیت این دکمه‌ی پر شده، نشان‌دهنده‌ی حالت غیرفعال آن است.
کادر محاوره‌ای دکمه‌های پر نشده
دکمه‌های پر نشده در یک کادر محاوره‌ای، نشان‌دهنده‌ی اقدامات با وزن یکسان هستند.
مدت زمان حرکت موجی دکمه
این حرکات موجی مدت زمان ۳۳۰ میلی‌ثانیه دارند. از آنها برای تأیید تماس کاربر با یک دکمه استفاده می‌شود.
انیمیشن موج‌دار شدن دکمه‌ها
این حرکات موجی در ابتدا ۶۰٪ از سطح دکمه را می‌پوشانند. آن‌ها از محل ضربه کاربر گسترش می‌یابند و ۱۰ dp از لبه دکمه متوقف می‌شوند.