دکمه ها

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

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


آناتومی

آناتومی دکمه ها
1. ظرف دکمه پر نشده
2. محفظه دکمه پر شده، نشان دهنده عمل اولیه یا ترجیحی
3. برچسب دکمه

مشخصات

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

حداکثر طول برچسب دکمه 20 کاراکتر است. حداقل عرض دکمه 156dp است.
حداکثر طول برچسب دکمه 20 کاراکتر است. حداقل عرض دکمه 156dp است.

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

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

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

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

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

دکمه در گفتگو

دکمه ها در دیالوگ ها معمولاً در سمت چپ پایین دیالوگ قرار دارند
دکمه ها در دیالوگ ها معمولاً در سمت چپ پایین دیالوگ قرار دارند

دکمه قهرمان

لبه های گرد دکمه قهرمان بر اهمیت آن تاکید دارد
لبه های گرد دکمه قهرمان بر اهمیت آن تاکید دارد

سفارشی سازی

OEM ها می توانند با تغییر ظاهر بصری یک دکمه، برند خود را منعکس کنند، مانند:

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

راهنمای ادغام کتابخانه UI Car راهنمایی های OEM را برای سفارشی کردن اجزا ارائه می دهد.

سیستم طراحی راهنمایی خاصی برای استفاده از چیدمان، رنگ، تایپوگرافی، اندازه، شکل و حرکت برای سفارشی کردن اجزا ارائه می دهد.


مثال ها

دکمه های پر نشده و پر شده
دکمه های پر نشده و پر شده، که در آن دکمه پر شده، عمل اولیه را نشان می دهد
دکمه پر شده غیرفعال
رنگ و کدورت این دکمه پر شده نشان دهنده وضعیت غیرفعال است
کادر گفتگوی دکمه پر نشده
دکمه‌های پر نشده در یک گفتگو، اقداماتی با وزن یکسان را نشان می‌دهند
مدت زمان حرکت موج دار دکمه
این حرکات ریپل مدت زمان 330 میلی ثانیه دارند. آنها برای تأیید تماس کاربر با یک دکمه استفاده می شوند.
انیمیشن موج دار دکمه ها
این حرکات موج دار ابتدا 60 درصد از سطح دکمه را پوشانده است. آنها از ضربه کاربر دور می شوند و 10dp را از لبه دکمه متوقف می کنند.