انیمیشن برای Floating Action Button

انیمیشن برای Floating Action Button

سلام دوستان؛

 

در قسمت اول انیمیشن برای Floating Action Button میخواهیم باهم یادبگیریم که چگونه به یک Floating Action Button به صورت ابتدایی انیمیشن بدهیم و در قسمت دوم این انیمیشن ها را به صورت حرفه ای پیاده سازی خواهیم کرد.

 

در اینجا فرض من بر این است که شما روش ساخت Floating Action Button را در دروس قبل به خوبی یاد گرفته اید. یک پروژه جدید در اندروید استودیو بسازید.

 

Floating action buttons میتواند یکی از دو سایز پیش فرض (۵۶dp) و سایز کوچک (۴۰dp) را داشته باشد. برای بحث درمورد اصول طراحی Floating action buttons من به شما توصیه میکنم در صورت توان دستورالعمل رسمی گوگل را مطالعه کنید.

 

در اغلب نرم افزار های اندروید،انیمیشن برای FLOATING ACTION BUTTON با استفاده از بالا و پایین کردن لیست نمایش داده شده و محو می شوند. مانند زیر:

Hiding Fab when scrolling

 

در اینجا من از یک recyclerView که به (Floating Action Button(FAB عکس العمل نشان میدهد استفاده کرده ام.

کتابخانه های بسیاری وجود دارد که این کار را میتوانند در ۱ یا ۲ خط انجام دهند، اما برای دوستانی که کنجکاو هستند در اینجا یک مثال آماده کرده ام:

 

من از ()FloatingActionButton.Behavior براساس اسناد گوگل استفاده کرده ام. این یک متد اصلی است که انیمیشن برای FLOATING ACTION BUTTON را نمایش می دهد اما در اینجا طوری طراحی شده که ما میتوانیم کارهای خودمان را در آن پیاده سازی کنیم.

 

حال جزئیات بیشتری در مورد کلاس behavior به شما خواهم گفت. زمانی که اسکرول آغاز می شود، متد ()onStartNestedScroll فراخوانی و مقدار True برمیگرداند و هنگامی که اسکرول به صورت عمودی اتفاق بیفتد متد ()onNestedScroll برای نمایش و عدم نمایش FAB مورد استفاده قرار می گیرد.

 

برای استفاده از این رفتار باید ویژگی layout_behavior را به Floating Action Button اضافه کنیم. این ویژگی شامل نام پکیج و نام کلاس است و به صورت زیر است:

این انیمیشن به صورت زیر است، اما می تواند بهتر باشد.

Floating FAB

 

روشی که گفته شد، تنها روش پنهان کردن FAB است.

کدهای انیمیشن برای FLOATING ACTION BUTTON:

 

منتظر قسمت دوم آموزش باشید.

شاد و پرانرژی باشید 🙂

مدرس و برنامه‌نویس اندروید. تمام تجربه‌هایم را با شما شریک می‌شوم و دوستت دارم بتوانم با کمک و همراهی همه دوستان یک مرجع کامل فارسی برای برنامه‌نویسی اندروید ایجاد کنم.

عضو می‌شوم:)

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

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

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

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

  1. […] فرض من بر این است که شما نحوه ساخت floating action button و آموزش انیمیشن دادن به floating action button را مطالعه کرده […]

  2. رامین
    ۷:۵۶ ۱۳۹۶/۱۰/۰۱

    متاسفانه وقتی والی رو اضافه میکنم موقع سینک این خطا میاد.
    Error:(30, 13) Failed to resolve: com.android.volley:volley:1.0.0
    Show in FileShow in Project Structure dialog
    در صورت داشتن فایل jar همین نسخه ممنون میشم برام ایمیل کنید.

    • امیر زنگی آبادی
      ۱۲:۱۳ ۱۳۹۶/۱۱/۲۰

      باسلام
      بهترین روش اضافه کردن به صورت آنلاین است و باید از نرم افزار گذر از تحریم ها نیز استفاده کنید.

  3. امیر کریمی
    ۱۲:۰۶ ۱۳۹۶/۱۰/۰۴

    سلام اقای زنگی ابادی.با تشکر از اموزش خوبتان بنده سوالی در خصوص ماژول ها داشتم. اگه داخل یک پروژه چندین ماژول داشته باشیم؟ چگونه می توان همه این ماژول ها رو در قالب یه پروژه اجرا کرد؟ممنون میشم در این مورد راهنمایی بفرمایید.