شما این محصولات را انتخاب کرده‌اید

سبد خرید

دکمه شناور
شناسه خبر: 498
بازدید: 518

 

دکمه شناور ۰

آموزش کار با دکمه ی شناور در اندروید استودیو:

 

دکمه شناور   FAB  یا همان  Floating Action Button  یکی از ویجت هایی است که توسط متریال دیزاین معرفی شده

و همینطور که از اسمش مشخص است دکمه ایست که همیشه در صفحه نمایش داده می شود و حتی اگر لیستی بلند داشته باشیم

که در آن اسکرول می کنیم این دکمه کاملا مشخص و دسترس است و این دکمه همیشه در دسترس است.

کاربرد آن اغلب در نرم افزار های پیام رسان و اپ های مدیریت ایمیل بیشتر است.
برای شروع کار، اول از همه باید یک پروژه جدید در اندروید استودیو بسازیم.

من اسم پروژمو FloatActBut میزارم و طبق پروژه های قبلی مراحل بعدیمو مشخص میکنم تا وارد پروژم بشم.

خب مثل همه ی افزونه هایی که مربوط به متریال دیزاین هستن، دکمه شناور هم به کتابخانه ی design نیاز داره تا بتونه کارشو انجام بده.

پس به build.gradle میرم و کتابخانه ی design رو به پروژم اضافه میکنم:

 

خب حالا به قسمت Layout پروژمون میریم و به جای RelativeLayout، از CoordinatorLayout استفاده میکنیم. (چون با CoordinatorLayout می توان بهتر روی افزونه هایی دکمه شناور کار کرد.)

خب برای قسمت بعدی یک تگ به اسم

android.support.design.widget.FloatingActionButton اضافه میکنیم مثل زیر:

 

 

خب الان چون برای layout_gravity دو مقدار bottom (پایین) و end (سمت راست) تعریف کردم، دکمه شناور ما در سمت راست و پایین صفحه با آیکونی که تعریف کرده بودم ظاهر شده است.

خب حالا که کلیت دکمه ی شناورمون ایجاد شد، اگه مایل باشید که بیشتر شخصی سازی کنید و رنگ آن را عوض کنید، مانند زیر عمل کنید:

 

خاصیت بعدی که تو این قسمت بررسیش میکنیم، خاصیت app:rippleColor هستش.

در حالت عادی و بدون استفاده از این خصوصیت، وقتی که دکمه را لمس میکنیم، رنگ پس زمینه دکمه  تیره تر از حالت قبلی خودش می شه.

ولی با استفاده از rippleColor و تعریف یه رنگ دیگه، ripple Animation لمس دکمه با این رنگ اجرا میشه:

 

خب الان فقط کافیه کدهای زیر رو برای دکمه شناور اعمال کنیم تا پروژمون با موفقیت تموم بشه:

 

 

خب وقتی الان شما خروجی برنامه رو ببینین و روی دکمه کلیک کنید،پیغام “دکمه شناور کلیک شد” را می بینید.

 

نویسنده

کد نویسان جوان
رسالت ما کمک به موفقیت هرچه تمام تر شماست ، کد نویسان جوان

15 − 10 =