Add views below toolbar in CoordinatorLayout

Question

I have the following layout    lt android support design widget CoordinatorLayout     android id    id main content      xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android layout width  match parent      android layout height  match parent  gt        lt android support design widget AppBarLayout         android id    id appBar          android layout width  match parent          android layout height  wrap content          android theme   style ThemeOverlay AppCompat ActionBar  gt            lt android support v7 widget Toolbar             android id    id toolbar              android layout width  match parent              android layout height   attr actionBarSize              android background   attr colorPrimary              app layout scrollFlags  scroll enterAlways              app popupTheme   style ThemeOverlay AppCompat Light   gt        lt  android support design widget AppBarLayout gt        lt FrameLayout         android id    id content          android layout width  match parent          android layout height  match parent            gt   lt  android support design widget CoordinatorLayout gt    I add Fragments into the FrameLayout  replacing them  One of my Fragments is a list  which has the following layout    lt android support v7 widget RecyclerView     xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id recyclerView      android layout width  match parent      android layout height  match parent      app layout behavior   string appbar scrolling view behavior   gt    My problem here that the toolbar is drawn over the list  I tried to solve that by wrapping the content of the CoordinatorLayout into a LinearLayout  that solved the overdraw  but that way the appbar scrolling behavior no longer work   Any help is much appreciated

User · Answer

As of Android studio 3 4  You need to put this line in your Layout which holds the RecyclerView   app layout behavior  android support design widget AppBarLayout ScrollingViewBehavior

User · Answer

I managed to fix this by adding      android layout marginTop   android attr actionBarSize    to the FrameLayout like so     lt FrameLayout         android id    id content          android layout marginTop   android attr actionBarSize          android layout width  match parent          android layout height  match parent           gt

User · Answer

Take the attribute  app layout behavior   string appbar scrolling view behavior    off the RecyclerView and put it on the FrameLayout that you are trying to show under the Toolbar   I ve found that one important thing the scrolling view behavior does is to layout the component below the toolbar   Because the FrameLayout has a descendant that will scroll  RecyclerView   the CoordinatorLayout will get those scrolling events for moving the Toolbar     One other thing to be aware of   That layout behavior will cause the FrameLayout height to be sized as if the Toolbar is already scrolled  and with the Toolbar fully displayed the entire view is simply pushed down so that the bottom of the view is below the bottom of the CoordinatorLayout   This was a surprise to me   I was expecting the view to be dynamically resized as the toolbar is scrolled up and down   So if you have a scrolling component with a fixed component at the bottom of your view  you won t see that bottom component until you have fully scrolled the Toolbar   So when I wanted to anchor a button at the bottom of the UI  I worked around this by putting the button at the bottom of the CoordinatorLayout  android layout gravity  bottom   and adding a bottom margin equal to the button s height to the view beneath the toolbar

User · Answer

To use collapsing top ToolBar or using ScrollFlags of your own choice we can do this way From Material Design get rid of FrameLayout   lt  xml version  1 0  encoding  utf-8   gt   lt androidx constraintlayout widget ConstraintLayout xmlns android  http   schemas android com apk res android  xmlns app  http   schemas android com apk res-auto  android layout width  match parent  android layout height  match parent  gt    lt androidx coordinatorlayout widget CoordinatorLayout     android layout width  match parent      android layout height  match parent  gt        lt com google android material appbar AppBarLayout         android layout width  match parent          android layout height  wrap content  gt            lt com google android material appbar CollapsingToolbarLayout             android layout width  match parent              android layout height  match parent              app contentScrim   attr colorPrimary              app expandedTitleGravity  top              app layout scrollFlags  scroll enterAlways  gt             lt androidx appcompat widget Toolbar             android layout width  match parent              android layout height   attr actionBarSize              app layout collapseMode  pin  gt                lt ImageView                 android id    id ic back                  android layout width  wrap content                  android layout height  wrap content                  android src   drawable ic arrow back    gt                lt TextView                 android layout width  wrap content                  android layout height  wrap content                  android text  back                  android textSize  16sp                  android textStyle  bold    gt            lt  androidx appcompat widget Toolbar gt             lt  com google android material appbar CollapsingToolbarLayout gt       lt  com google android material appbar AppBarLayout gt            lt androidx recyclerview widget RecyclerView             android id    id post details recycler              android layout width  match parent              android layout height  match parent              android orientation  vertical              android padding  5dp              app layout behavior   string appbar scrolling view behavior                gt    lt  androidx coordinatorlayout widget CoordinatorLayout gt

[android] Add views below toolbar in CoordinatorLayout

Examples related to android

Examples related to android-coordinatorlayout

Examples related to androiddesignsupport

[android] Add views below toolbar in CoordinatorLayout

Examples related to android

Examples related to android-toolbar

Examples related to android-coordinatorlayout

Examples related to androiddesignsupport