انواع دکمه ها

انواع دکمه ها

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

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

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

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

دکمه برآمده

دکمه مسطح

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

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

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

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

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

کاربرد :

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

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

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

دکمه های inline :

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

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

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

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

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

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

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

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

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

ادامه مطلب