title: Put a view on top of AppBarLayout
body: <p>I am working on a UI that utilizes the <code>CoordinatorLayout/AppBarLayout</code> combo as normally seen in most examples but there is this requirement of mine: I want to overlay the <code>AppBarLayout</code> with a View at all times. So, whatever scrolling behavior that happens, should happen under this view. Currently, this is what I am seeing:</p>
  
  <p><a href="https://i.stack.imgur.com/jwWLt.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jwWLt.gif" alt="enter image description here"></a></p>
  
  <p>Here, the blue bar that you see is the one that I want on top of everything. As you can see, it is hidden initially and only gets exposed when we have scrolled <code>AppBarLayout</code> off the screen. For your reference, here is the code for this layout and its id is <strong><code>android:id="@+id/linearLayout"</code></strong>:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;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:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context="com.example.snapsboardmainpage.MainActivity"
      tools:layout_editor_absoluteX="8dp"
      tools:layout_editor_absoluteY="8dp"&gt;
  
      &lt;android.support.design.widget.AppBarLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;LinearLayout
              android:id="@+id/linearLayout3"
              android:layout_width="match_parent"
              android:layout_height="40dp"
              app:layout_scrollFlags="scroll|snap"
              android:orientation="vertical"&gt;
  
          &lt;/LinearLayout&gt;
  
          &lt;LinearLayout
              android:id="@+id/linearLayout1"
              android:layout_width="match_parent"
              android:layout_height="112dp"
              android:orientation="vertical"
              app:layout_scrollFlags="scroll|snap"
              android:background="@android:color/holo_green_light"&gt;
  
          &lt;/LinearLayout&gt;
  
          &lt;android.support.design.widget.TabLayout
              android:id="@+id/id_tab_photosvideos_albums"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              app:layout_scrollFlags="scroll|snap"&gt;
  
              &lt;android.support.design.widget.TabItem
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content" /&gt;
  
              &lt;android.support.design.widget.TabItem
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content" /&gt;
  
          &lt;/android.support.design.widget.TabLayout&gt;
  
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
      &lt;android.support.v4.widget.NestedScrollView
          android:id="@+id/nested_container"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:fillViewport="true"
          app:layout_behavior="@string/appbar_scrolling_view_behavior"&gt;
  
          &lt;android.support.v4.view.ViewPager
              android:id="@+id/id_viewpager_photosvideos_albums"
              android:layout_width="match_parent"
              android:layout_height="match_parent"&gt;
  
  
          &lt;/android.support.v4.view.ViewPager&gt;
  
      &lt;/android.support.v4.widget.NestedScrollView&gt;
  
      &lt;LinearLayout
          android:id="@+id/linearLayout"
          android:layout_width="match_parent"
          android:layout_height="40dp"
          android:orientation="vertical"
          android:layout_gravity="top"
          app:layout_behavior="com.example.snapsboardmainpage.TopActionBarBehavior"
          android:background="@android:color/holo_blue_light"&gt;
  
      &lt;/LinearLayout&gt;
  
      &lt;LinearLayout
          android:id="@+id/linearLayout2"
          android:layout_width="match_parent"
          android:layout_height="56dp"
          android:orientation="vertical"
          android:layout_gravity="bottom"
          android:background="@android:color/holo_orange_light"&gt;
  
      &lt;/LinearLayout&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>How can I achieve this overlay behavior?(<em>it would be preferable if this blue bar could remain as a direct child of <code>CoordinatorLayout</code></em>)</p>