انواع دکمه ها
دکمه های برآمده :
دکمه های برآمده به ساختارهای مسطح بعد میدهند. آن ها در فضای شلوغ یا وسیع بر روی عملیات ها تأکید ایجاد میکنند.
دکمه های برآمده مانند یک متریال که روی یک برگه دیگر قرار دارد رفتار میکنند. آن ها در هنگام فشار دادن بالا آمده و رنگی میشوند.
دکمه برآمده با تم روشن
حداقل پهنا : 88dp
ارتفاع : 36dp
متن غیرفعال شده : 26% 000000#
دکمه غیرفعال شده : 12% 000000#
فوکوس شده : 12% 000000# سایه در امتداد رنگ
حداقل پهنا : 88dp
ارتفاع : 36dp
رنگ معمولی : 500
رنگ در حالت فشار داده شده : 700
متن غیرفعال شده : 30% FFFFFF#
دکمه غیرفعال شده : 12% FFFFFF#
فوکوس شده : 12% 000000# سایه در امتداد رنگ
elevation دکمه :
در desktop ، دکمه های برآمده میتوانند زمانی که hover میشوند این بلندی (elevation) را بگیرند.
حداقل پهنا : 64dp
ارتفاع : 36dp
z-depth : 0dp
متن غیرفعال شده : 30% FFFFFF#
دکمه غیرفعال شده : 12% FFFFFF#
دکمه های کشویی :
دکمه کشویی ژنریک (عمومی) به صورت سرریز (overflow) :این دکمه یک فلش یا دکمه منو را به صورت پیش فرض نمایش میدهد. زمانی که دکمه فشار داده شود، منو نمایش داده میشود. انتخاب یک آپشن در منو، شما را به سمت تنظیمات بعدی برای آن آپشن راهنمایی میکند.
دکمه کشویی تقسیم شده :
یک دکمه کشویی تقسیم شده دارای دو بخش میباشد : آپشن فعلی و آیکون فلش دکمه. فشار دادن آپشن فعلی باعث فعال شدن عملیات آن آپشن در صفحه نمایش میشود. فشار دادن فلش دکمه موجب نمایش آپشن های دیگر میشود. انتخاب هر آپشن، آپشن نمایش داده شده در دکمه را تغییر میدهد.
دکمه کشویی تقسیم شده با قابلیت ویرایش :
در این دکمه آپشن نمایش داده شده قابلیت ویرایش متن را دارد مانند سایز فونت. فشار دادن دکمه هم باعث فعال شدن عملیات آن آپشن و هم آپشن را قابل ویرایش می نماید. فشار دادن فلش تمام آپشن ها را نمایش میدهد.
دکمه های کشویی در desktop :
padding بالا و پایین : 16dp
padding چپ : 24dp
حاشیه راست : 16dp
فاصله افقی بین سبک های فونت ها : 24dp
دکمه های مبدل (toggle) :
حالت های فشار داده شده و متمرکز شده هم میتوانند نشان دهند که دکمه ها متعلق به یک گروه هستند. برای مثال، زمانی که یک قسمت متمرکز شده باشد، این حالت در بقیه قسمت ها هم همزمان نشان داده میشود.
نیازمندی های دکمه های مبدل :
- حداقل سه دکمه مبدل در یک گروه داشته باشید.
- دکمه ها را با برچسب های متنی، آیکون یا هر دو نمایش دهید.
ترکیب های زیر برای این دکمه ها پیشنهاد میشوند :
- چندتایی (multiple) و انتخاب نشده
- انحصاری و انتخاب نشده
- فقط انحصاری
آیکون های مبدل :
آیکون ها برای دکمه های مبدل مناسب هستند که اجازه به انتخاب یا عدم انتخاب یک گزینه واحد میدهند مانند اضافه کردن یا حذف کردن یک ستاره از یک آیتم.
این آیکون ها در نوارهای اپلیکیشن، نوارهای ابزار، دکمه های عملیاتی یا مبدل ها استفاده میشوند.