title: Android CoordinatorLayout new google maps collapse effect
body: <p>Hi guys i'am trying to achieve the new google maps effects when collapsing the toolbar.
  Anyone with the idea how it's done?
  The image seems to collapse under the toolbar!</p>
  
  <pre><code>&lt;android.support.design.widget.CoordinatorLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"&gt;
  
      &lt;android.support.design.widget.AppBarLayout
          android:id="@+id/appbar"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:fitsSystemWindows="true"
          android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"&gt;
  
          &lt;android.support.design.widget.CollapsingToolbarLayout
              android:id="@+id/collapsing_toolbar"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:fitsSystemWindows="true"
              app:collapsedTitleTextAppearance="@android:color/transparent"
              app:expandedTitleTextAppearance="@android:color/transparent"
              app:layout_scrollFlags="scroll|exitUntilCollapsed"&gt;
  
              &lt;ImageView
                  android:id="@+id/backdrop"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:adjustViewBounds="true"
                  android:fitsSystemWindows="true"
                  android:scaleType="centerCrop"
                  android:src="@drawable/image_adega"
                  app:layout_collapseMode="parallax"/&gt;
  
          &lt;/android.support.design.widget.CollapsingToolbarLayout&gt;
  
          &lt;include
              android:id="@+id/list_wines_toolbar"
              layout="@layout/toolbar"/&gt;
  
          &lt;android.support.design.widget.TabLayout
              android:id="@+id/tabs"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"/&gt;
  
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
      &lt;android.support.v7.widget.RecyclerView
          android:id="@+id/recycler_view_wines"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:scrollbars="vertical"
          app:layout_behavior="@string/appbar_scrolling_view_behavior"/&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p><strong>To reproduce the effect go to:</strong>
  Maps - click some marker - and scroll the content</p>
  
  <p>Some images of what i'm talking about:</p>
  
  <h2><a href="https://i.stack.imgur.com/n8NlQm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n8NlQm.jpg" alt="Maps scrolling - 1"></a></h2>
  
  <h2><a href="https://i.stack.imgur.com/Ayxlam.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ayxlam.jpg" alt="Maps scrolling - 2"></a></h2>
  
  <p><a href="https://i.stack.imgur.com/yyeuEm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yyeuEm.png" alt="Maps scrolling - 3"></a></p>