ساخت Snackbar

ساخت Snackbar

Android Material Design مثالی از Snackbar

یکی از مولفه های جالب معرفی شده در Material Design ، Snackbar  است. Snackbar  درست مثل پیام های Toast  است به جز اینکه  توانایی action  بر روی آنرا فراهم می آورد. Snackbar  در پایین صفحه نمایش داده خواهد شد و می توان آنها را به منظور dismiss کردن swipe off کرد.

 در این مقاله در مورد snackbar با چند مثال از حالات مختلف توضیح داده می شود.

۱.snackbar ساده


در زیر دستور یک snackbar ساده می باشد. تابع make  سه پارامتر می پذیرد. که شامل نمایش، پیام ها و مدت زمان نمایش پیام می باشند.

به طور معمول CoordinatorLayout  بعنوان یک PARAM نمایشی بهترین گزینه برای اجازه دادن به Snackbar برای فعال کردن برخی از ویژگی های مانند swipe to dismiss و به طور خودکار  حرکت ویجت مانند FloatingActionButton می باشد.

و مدت زمان باید بصورت LENGTH_SHORT، LENGTH_LONG یا LENGTH_INDEFINITE باشد. هنگامی که LENGTH_INDEFINITE استفاده می شود، snackbar در مدت زمان نامحدود نمایش داده خواهد شد و می توان با swipe off ، dismiss کرد.

android-snackbar-example

۲.Snackbar با دکمه عملکرد


شما می توانید با استفاده از متُد ()setAction یک دکمه به Snackbar اضافه کنید. این کار اجازه می دهد که وقتی کاربر با Snackbar درگیر است  عملی را انجام گردد.

android-snackbar-with-action-callback-undo

۳.سفارشی سازی نمایش Snackbar


Snackbar  با رنگ متن پیش فرض سفید و رنگ زمینه  #۳۲۳۲۳۲  می باشد.این رنگها را به روش زیر می توانید لغو کنید.

android-snackbar-custom-color-view-text-color

۴.ایجاد پروژه جدید


حالا ما یک اپ ساده می سازیم تا snackbar را در عمل وقتی که  CoordinatorLayout و  FloatingActionButton را دارد ببینیم.

۱.در Android Studio به   File ⇒ New Project رفته و تمام جزییات مورد نیاز پروژه جدید را ایجاد کنید.

۲. gradle را باز کرده و design support library dependency را اضافه کنید.

۳.می توانید در صورت تمایل material design theme را با مراحل ذکر شده  اعمال کنید.

۴.layout مربوط به activity_main.xml را باز کنید. اینجا می بینید که CoordinatorLayout و FloatingActionButton را اضافه کرده ایم.

۵.حالا java را باز کنید و تغییراتی که در زیر آمده است را اعمال کنید. این فعالیت شامل سه کلید click listeners است برای نشان دادن راههای مختلف از نشان دادن snackbar که سناریوهای بالا را پوشش دهد.

android-material-design-snackbar-example

مقاله های مرتبط :

دیدگاه خود را بیان کنید :

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

۲ دیدگاه برای این مطلب ثبت شده است

  1. […] اجزاء اسان تر کرده است مانندnavigation drawer، floating action button، snackbar، tabs، floating labels و انیمیشن ها که توسط این کتابخانه معرفی […]

  2. […] از آموزش های طراحی رابط کاربری مانند floating Button, Snackbar, Tab و…برای ظاهر نرم افزارتان استفاده […]