آموزش Collapsing Toolbar به زبان کوتلین در اندروید

سلام دوستان امیدوارم حالتون خوب باشد شاید بتونم بگم اولین منبعی هستیم که داریم زبان برنامه نویسی کوتلین را به صورت اصولی آموزش میدهم در این سری از آموزش برنامه نویسی اندروید به آموزش Collapsing Toolbar به زبان کوتلین در اندروید می پردازیم در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.
 

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

آموزش اضافه کردن kotlin به اندروید استودیو

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

پروژه را sync کنید.
یک فایل به نام card_layout.xml ایجاد کرده و کدهای زیر را در آن قرار دهید.

کد بالا بخشی از layout اصلی است برای اینکه متریال دیزاین شود از CardView استفاده شده است.
بعد از اینکار وارد layout اصلی خود شده (در اینجا نام آن برابر با activity_main.xml است) و کدهای زیرا در آن قرار دهید.

در کد بالا یک عکس استفاده شده است که در ادامه می توانید آن را دانلود کرده و در پوشه drawable قرار دهید. در بالا به خاطر اینکه حالت Scroll به وجود بیایید ما چندین ب Card_layout را inculde کردیم شما کافی است یک بار آن را قرار دهید ولی برای تست تغییری در آن ایجاد نکنید. در بالا NestedScrollView باعث می شود تا هنگام Scroll فکر کنیم که ImageView در حال فرورفتن در Toolbar است.
لینک دانلود عکس sample
حالا باید در اکتیویتی اصلی که در اینجا نام آن برابر با MainActivity.kt (نباید جاوا باشد !) است کد زیر را قرار دهید.

ابتدا view مربوط به collapsingToolbarLayout را find کردیم سپس یک void به نام dynamicColor تعریف کردیم و با استفاده از کلاس BitmapFactory رنگ عکسی که در برنامه قرار دارد را به دست آوردیم بعد از آن با استفاده از Palette یک رنگ بین عکس و رنگ colorPrimary که در پوشه res/values/colors قرار دارد ایجاد کردیم و رنگ محتوا را برابر با آن قرار دادیم حالا این کار برای چیه ؟ برای اینکه هنگامی که Scroll می کنیم رنگ به صورت آرام fade شده و تغییر کند.
 

مطالعه بیشتر