انواع دکمه ها

انواع دکمه ها

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

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

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

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

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

دکمه برآمده

دکمه برآمده

دکمه مسطح

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

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

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

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

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

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

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

md-co7

کاربرد :

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

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

md-co8

md-co9

دکمه های مسطح در دیالوگ ها
دکمه های دیالوگ
ارتفاع دکمه : ۳۶dp
حاشیه بالایی دکمه : ۲۴dp
paading دکمه : ۸dp
تنظیم دکمه : لبه راست برای متن های LTR
پهنای دکمه : بر اساس طول متن دکمه تغییر میکند.
md-co10

مثال های دکمه های مسطح در دیالوگ ها
دکمه :
ارتفاع : ۳۶dp
حداقل پهنا : ۶۴dp
ارتفاع محل لمس : ۴۸dp
حاشیه افقی : ۸dp
padding افقی : ۸dp

دکمه های inline :

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

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

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

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

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

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

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

 

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

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

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

md-co15

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

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

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

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

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

ادامه مطلب

مشاوره رایگان

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