android - Overlaying content AppBarLayout using new Material Design -

i want achieve that. (not fab or snackbar). how can create layout, overlaying appbarlayout? this! v

like play store! v

my appbarlayout coordinatorlayout , nestedscrollview relativelayout content looks this! v

<android.support.design.widget.coordinatorlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/rootlayout" android:layout_width="match_parent" android:layout_height="match_parent">  <android.support.design.widget.appbarlayout     android:layout_width="match_parent"     android:layout_height="@dimen/_118sdp"     android:theme="@style/themeoverlay.appcompat.dark.actionbar">      <android.support.design.widget.collapsingtoolbarlayout         android:id="@+id/collapsingtoolbarlayout"         android:layout_width="match_parent"         android:layout_height="match_parent"         app:contentscrim="@color/mpc_pink"         app:expandedtitlemarginstart="@dimen/_40sdp"         app:layout_scrollflags="scroll|exituntilcollapsed">          <de.mypostcardstore.widgets.itemimageview             android:id="@+id/header"             android:layout_width="match_parent"             android:layout_height="match_parent"             android:scaletype="centercrop"             android:src="@color/mpc_pink"             app:layout_collapsemode="parallax"             app:layout_collapseparallaxmultiplier="0.7" />          <android.support.v7.widget.toolbar             android:id="@+id/article_toolbar"             android:layout_width="match_parent"             android:layout_height="?attr/actionbarsize"             android:minheight="?attr/actionbarsize"             app:contentscrim="@color/mpc_pink"             app:layout_collapsemode="pin"             app:layout_scrollflags="scroll|enteralways"             app:popuptheme="@style/themeoverlay.appcompat.light"             app:theme="@style/themeoverlay.appcompat.dark.actionbar" />       </android.support.design.widget.collapsingtoolbarlayout>  </android.support.design.widget.appbarlayout>  <android.support.v4.widget.nestedscrollview     android:layout_width="match_parent"     android:layout_height="match_parent"     android:background="?android:colorbackground"     android:fillviewport="true"     app:layout_behavior="@string/appbar_scrolling_view_behavior">      <relativelayout         android:layout_width="match_parent".....> 

it awesome if me out. can not find on internet.. thank in advance!

not difficult, pseudo xml you

<framelayout>      // background part     <linearlayout>        <top part "blue">        <bottom part "white">     <linearlayout/>      // here main content overlay background     <maincontent margingtop="toolbar_height + more"/>      // here toolbar no background     <toolbar background=@null height="toolbar_height"/> <framelayout/>