آموزش Parallax Scrollview در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش Parallax Scrollview در برنامه نویسی اندروید می پردازیم شاید نام دیگر Parallax Scrollview را به نام Observablescrollview شنیده باشید از این نوع Scrollview به منظور ایجاد نوع خاصی از scroll در برنامه استفاده می شود در ادامه می توانید پیش نمایشی از این نوع scroll را مشاهده کنید با ما همراه باشید.

برای استفاده از این آموزش لازم است سه کتاب خانه را به پروژه خود اضافه کنید.
برای اینکار وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط های زیر را اضافه کنید.

پروژه را sync کنید.
اگر دقت کرده باشید یک عکس در زیر toolbar قرار گرفته بود می تواند در ادامه آن عکس را دانلود و در پوشه drawable قرار دهید.
لینک دانلود عکس
در همان پوشه drawable یک فایل به نام gradient_header_background.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

در همان پوشه یک فایل نام sliding_header_overlay.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

دو فایل بالا انیمیشن (تغییر رنگ) بین اسکرول , عکس  و toolbar را ایجاد می کند.
وارد مسیر res/values شده فایل colors.xml را باز کرده و رنگ های زیر را به آن اضافه کنید.

در همان مسیر یک فایل به نام dimes.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

وارد فایل string.xml شده و کدهای زیر را به آن اضافه کنید.

در بالا یک string طولانی وجود دارد (برای ایکنه scroll به وجود بیایید)
وارد فایل styles.xml شده و آن را همانند زیر تغییر دهید.

ما دوتا اکتیویتی درست می کنیم در اولی که یک ListView در آن است همانند زیر (نام این اکتیویتی برابر با activity_main.xml است)

و یک layout دیگر به نام activity_parallaxtoolbarscrollview.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

در بالا یک layout دیگه تعریف شده است که با کلیک بروی اکتیویتی اول به اکتیویتی دوم منتقل می شوید.
حالا در پوشه layout یک فایل به نام gradient_header.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

در همان پوشه یک فایل به نام list_item_main.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

حالا باید کد مربوط به اکتیویتی اول که نام آن برابر با MainActivity.java است را قرار دهیم.

در این اکتیویتی هم اگر تعداد لیست زیاد باشد Scroll Pralax انجام می شود.
حالا وارد فایل اکتیویتی دوم می شویم که نام آن برابر با ParallaxToolbarScrollViewActivity.java است و کدهای زیر را در آن قرار دهید.

و در آخر باید در AndroidManifest.xml دو تا اکتیویتی مثل زیر تعریف بشوند (در غیر اینصورت خطا خواهید داشت)

 
 
این آموزش هم به اتمام رسید هر چند طولانی بود ولی خیلی مطلب در آن هست کافی است برنامه را اجرا کنید تا متوجه شوید.
 
موفق و پیروز باشید.

مطالعه بیشتر