Channel: Coding in Flow

Category: Education

Tags: toolbarid?attr/actionbarsizepopupthemefitssystemwindowscollapsingtoolbarlayout androidxandroid transparent status barparallaxlayout_collapsemode=pincontentscrimfitssystemwindows= truelayout_collapsemode=parallaxcollapsemode pinandroid collapsing toolbar with imageviewpincollapsing toolbar androidappbar_scrolling_view_behaviortransparent status barandroidxcollapsemode parallaxandroid:themecollapsing toolbar layout androidstatusbarcolorlayout_collapsemode

Description: In this tutorial, we will learn how to implement a collapsing toolbar with an expandable image into our Android app. For this, we have to wrap a CollapsingToolbarLayout that contains a Toolbar and an ImageView into an AppBarLayout. The AppBarLayout, on the other hand, has to be placed inside a CoordinatorLayout in order to allow its child views to react to scroll events. Scrolling is synchronized via the layout_behavior and layout_scrollFlags attributes. Available scroll flags are scroll, exitUntilCollapsed, enterAlways, enterAlwaysCollapsed, snap, and snapMargins. This layout works in combination with scrollable views like RecyclerView or NestedScrollView. All widgets are available through the Material Components library. Material Components dependency: github.com/material-components/material-components-android/blob/master/docs/getting-started.md Example code: gist.github.com/codinginflow/94c8c1d4698d7e004847760834219b39 ____________________ ⌨️ Watch me code LIVE on Twitch: twitch.tv/florianwalther 📺 Watch all my previous Twitch streams: youtube.com/channel/UCoAYgiwLuKgHbBHs7V6bc9w?sub_confirmation=1 ⭐ Get my MVVM Caching Course now: codinginflow.com/caching 📱 Check out my apps: codinginflow.com/apps ❗ Subscribe to the channel: youtube.com/c/codinginflow?sub_confirmation=1 💲 Earn money by becoming an affiliate for my courses: codinginflow.com/affiliate 📨 Subscribe to the Coding in Flow newsletter: codinginflow.com/newsletter 💻 Hire me for your next project: codinginflow.com/contact 💚 Donate to Coding in Flow with a message: paypal.me/codinginflow ❓ Ask your programming questions in our chat: discord.gg/TSnMvmc 📣 Follow Coding in Flow on other sites: Facebook: facebook.com/codinginflow Instagram: instagram.com/codinginflow TikTok: tiktok.com/@codinginflow Twitter: twitter.com/codinginflow Github: github.com/codinginflow 💰 Business requests, sponsoring, etc.: info@codinginflow.com