انواع دکمه ها

خلاصهدکمه عملیاتی شناور : یک دکمه متریال دایره ای که در صورت فشار دادن عکس العمل نشان میدهد. دکمه برآمده : یک دکمه متریال مستطیلی که در صورت فشار دادن عکس العمل نشان میدهد. دکمه مسطح : یک دکمه جوهری که در صورت فشار دادن عکس العمل نشان میدهد.

انواع دکمه ها :

3 نوع دکمه استاندارد وجود دارد :

  • دکمه عملیاتی شناور : یک دکمه متریال دایره ای که در صورت فشار دادن عکس العمل نشان میدهد.
  • دکمه برآمده : یک دکمه متریال مستطیلی که در صورت فشار دادن عکس العمل نشان میدهد.
  • دکمه مسطح : یک دکمه جوهری که در صورت فشار دادن عکس العمل نشان میدهد.
md-co1

دکمه عملیاتی شناور

دکمه برآمده

دکمه برآمده

دکمه مسطح

مثال دکمه عملیاتی شناور

مثال دکمه برآمده

مثال دکمه برآمده

مثال دکمه مسطح

مثال دکمه مسطح

انتخاب سبک دکمه :

انتخاب سبک برای دکمه بستگس به تقدم آن دکمه، تعداد کانتینرها در صفحه و ساختار صفحه دارد.
عملکرد : آیا به اندازه ای مهم هست که یک دکمه عملیاتی شناور باشد ؟
ابعاد : با توجه به کانتینری که دکمه در آن خواهد بود و تعداد لایه های z-space که در صفحه دارید، دکمه برآمده یا مسطح را انتخاب نمایید. نباید تعداد زیادی لایه از آبجکت ها در صفحه باشد.
ساختار : به ازای هر کانتینر یک نوع دکمه استفاده کنید. تنها زمانی انواع دکمه ها را با هم ترکیب کنید که دلیل موجهی برای آن دارید مانند ایجاد تأکید بر روی یک عملکرد مهم.

md-co7

کاربرد :

دکمه ها در دیالوگ :

از دکمه های مسطح در دیالوگ ها استفاده نمایید تا محتوای دیالوگ را با عملیات دکمه هماهنگ سازید.
  • padding متن دیالوگ : 24dp
  • کانتینر دکمه دیالوگ : 52dp
  • دکمه های دیالوگ : padding از لبه های کانتینر 8dp ، تنظیم در سمت راست کانتینر (برای متن های LTR)

md-co8

md-co9

دکمه های مسطح در دیالوگ ها
دکمه های دیالوگ
ارتفاع دکمه : 36dp
حاشیه بالایی دکمه : 24dp
paading دکمه : 8dp
تنظیم دکمه : لبه راست برای متن های LTR
پهنای دکمه : بر اساس طول متن دکمه تغییر میکند.
md-co10

مثال های دکمه های مسطح در دیالوگ ها
دکمه :
ارتفاع : 36dp
حداقل پهنا : 64dp
ارتفاع محل لمس : 48dp
حاشیه افقی : 8dp
padding افقی : 8dp

دکمه های inline :

دکمه های مسطح یا برآمده را با توجه به ساختارتان انتخاب نمایید. اطراف دکمه های مسطح padding اضافه کنید تا کاربر بتواند به راحتی آن ها را پیدا کند.
مثال دکمه مسطح

مثال دکمه مسطح

مثال دکمه برآمده

مثال دکمه برآمده

دکمه های ثابت فوتر (persistent) :

اگر برنامه شما نیازمند عملیات هایی است که ثابت باشند و آماده و حاضر برای کاربر باشند، از دکمه های عملیاتی شناور استفاده کنید.
به عنوان جایگزین میتوانید از دکمه های ثابت فوتر هم استفاده کنید که آن ها هم به راحتی قابل دسترس میباشند.
دکمه های ثابت فوتر دارای طول 48dp میباشند.

دکمه های ثابت فوتر دارای طول 48dp میباشند.

 

مثال دکمه های ثابت فوتر

مثال دکمه های ثابت فوتر

هرگز از دکمه های برآمده در داخل ناحیه دکمه های ثابت استفاده نکنید.

md-co15

همچنین دکمه ثابت فوتر به همراه یک تقسیم کننده میتواند در دیالوگ های قابل scroll استفاده شود.

دکمه ثابت فوتر در دیالوگ

دکمه ثابت فوتر در دیالوگ

دکمه ثابت فوتر در دیالوگ قابل scroll

دکمه ثابت فوتر در دیالوگ قابل scroll

ادامه مطلب