title: Sliding up image with Official Support Library 23.x.+ bottomSheet like google maps
body: <p><strong>Update</strong><br>
  I want to accomplish the same behavior that google maps have <strong>with Support Library 23.x.+ and without ANY 3rd library</strong><br><br></p>
  <p>NOTE: this is not a duplicated question because:<br></p>
  <ol>
  <li>I want to use Behaviors, Support Library and without ANY 3rd party library (I added it in question title and above description)<br></li>
  <li>I wanted <strong>ALL behaviors</strong> that you see in the next gif, the other questions are asking for one or two behaviors and using anyway to achieve it.
  <br><br>
  <a href="https://cloud.githubusercontent.com/assets/5357526/11641271/097c35d0-9d40-11e5-94c6-f9bef5f5ab9d.gif" rel="nofollow noreferrer"><img src="https://cloud.githubusercontent.com/assets/5357526/11641271/097c35d0-9d40-11e5-94c6-f9bef5f5ab9d.gif" alt="like you can see in this gif" /></a></li>
  </ol>
  <p>I have already the Official bottomSheet working (even inside a tab and view pager).</p>
  <p>What is making me going crazy <strong>is how to achieve the image behavior that comes up from the BottomSheet when sliding up using the official bottomSheet?</strong>.<br><br>
  I have tried using anchor like FAB with no success.<br>
  I read something about using a scroll listener but ppl said it's not smooth and faster like google maps.
  <br><br>
  My XML (I don't think it's going to help but anyway):<br><br></p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;android.support.design.widget.CoordinatorLayout
      xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
      xmlns:tools=&quot;http://schemas.android.com/tools&quot;
      android:layout_width=&quot;match_parent&quot;
      android:layout_height=&quot;match_parent&quot;
      tools:context=&quot;.ui.MasterActivity&quot;&gt;
  
      &lt;android.support.design.widget.AppBarLayout
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:theme=&quot;@style/AppTheme.AppBarOverlay&quot;&gt;
  
          &lt;android.support.v7.widget.Toolbar
              android:id=&quot;@+id/toolbar&quot;
              android:layout_width=&quot;match_parent&quot;
              android:layout_height=&quot;?attr/actionBarSize&quot;
              android:background=&quot;?attr/colorPrimary&quot;
              app:popupTheme=&quot;@style/AppTheme.PopupOverlay&quot;
              app:layout_scrollFlags=&quot;scroll|enterAlways|snap&quot;&gt;
  
              &lt;Button
                  android:layout_width=&quot;wrap_content&quot;
                  android:layout_height=&quot;wrap_content&quot;
                  style=&quot;?android:attr/borderlessButtonStyle&quot;
                  android:text=&quot;Departure&quot;
                  android:layout_gravity=&quot;center&quot;
                  android:id=&quot;@+id/buttonToolBar&quot;
                  /&gt;
  
  
          &lt;/android.support.v7.widget.Toolbar&gt;
  
          &lt;android.support.design.widget.TabLayout
              android:id=&quot;@+id/tabs&quot;
              android:layout_width=&quot;match_parent&quot;
              android:layout_height=&quot;wrap_content&quot;
              app:tabBackground=&quot;@android:color/white&quot;
              app:tabTextColor=&quot;@color/colorAccent&quot;
              app:tabSelectedTextColor=&quot;@color/colorAccent&quot;/&gt;
  
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
      &lt;android.support.v4.view.ViewPager
          android:id=&quot;@+id/viewpager&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;match_parent&quot;
          app:layout_behavior=&quot;@string/appbar_scrolling_view_behavior&quot; /&gt;
      
      
      &lt;android.support.v4.widget.NestedScrollView
          android:id=&quot;@+id/asdf&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;match_parent&quot;
          android:orientation=&quot;vertical&quot;
          app:behavior_peekHeight=&quot;100dp&quot;
          android:fitsSystemWindows=&quot;true&quot;
              app:layout_behavior=&quot;android.support.design.widget.BottomSheetBehavior&quot;&gt;
  
          &lt;LinearLayout
              android:id=&quot;@+id/qwert&quot;
              android:layout_width=&quot;match_parent&quot;
              android:layout_height=&quot;match_parent&quot;
              android:orientation=&quot;vertical&quot;
              android:paddingBottom=&quot;16dp&quot;
              android:background=&quot;@android:color/white&quot;
              android:padding=&quot;15dp&quot;&gt;
  
              &lt;TextView
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;wrap_content&quot;
                  android:text=&quot;BOOTOMSHEET TITLE&quot;
                      android:textAppearance=&quot;@style/TextAppearance.AppCompat.Title&quot; /&gt;
  
              &lt;Button
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;wrap_content&quot;
                  android:text=&quot;Button1&quot;/&gt;
  
              &lt;TextView
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;wrap_content&quot;
                  android:text=&quot;text 2&quot;
                  android:layout_margin=&quot;10dp&quot;/&gt;
  
              &lt;TextView
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;wrap_content&quot;
                  android:text=&quot;text 3&quot;
                  android:layout_margin=&quot;10dp&quot;/&gt;
  
              &lt;TextView
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;wrap_content&quot;
                  android:text=&quot;text 4&quot;
                  android:layout_margin=&quot;10dp&quot;/&gt;
  
  
              &lt;FrameLayout
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;320dp&quot;
                  android:background=&quot;@color/colorAccent&quot;&gt;
  
                  &lt;TextView
                      android:layout_width=&quot;wrap_content&quot;
                      android:layout_height=&quot;wrap_content&quot;
                      android:layout_gravity=&quot;center&quot;
                      android:text=&quot;Your remaining content here&quot;
                      android:textColor=&quot;@android:color/white&quot; /&gt;
  
              &lt;/FrameLayout&gt;
          &lt;/LinearLayout&gt;
      &lt;/android.support.v4.widget.NestedScrollView&gt;
  
  
      &lt;android.support.design.widget.FloatingActionButton
          android:layout_height=&quot;wrap_content&quot;
          android:layout_width=&quot;wrap_content&quot;
          app:layout_anchor=&quot;@id/asdf&quot;
          app:layout_anchorGravity=&quot;top|right|end&quot;
          android:src=&quot;@drawable/abc_ic_search_api_mtrl_alpha_copy&quot;
          android:layout_margin=&quot;@dimen/fab_margin&quot;
          android:clickable=&quot;true&quot;/&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>