Visualizzazione a scorrimento sovrapposta con AppBarLayout

Voglio implementare il modello "Spazio flessibile con contenuto sovrapposto" dalle tecniche di scorrimento del design dei materiali , come in questo video :

Il mio layout XML in questo momento è simile a:

<android.support.design.widget.CoordinatorLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

  <android.support.design.widget.AppBarLayout
      android:layout_width="match_parent"
      android:layout_height="192dp"
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

      <android.support.v7.widget.Toolbar
          android:layout_height="?attr/actionBarSize"
          android:layout_width="match_parent"
          app:layout_collapseMode="pin"/>
    </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"
      app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
      <....>
    </LinearLayout>
  </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

Esiste un modo semplice per eseguire questa operazione utilizzando la Libreria del progetto? Oppure devo creare un CoordinatorLayout.Behavior personalizzato per farlo?

In effetti, la sovrapposizione della visualizzazione a scorrimento con l'AppBarLayout è una funzionalità inclusa nella libreria Android Design Support : puoi utilizzare l' app:behavior_overlapTopattributo sulla tua NestedScrollView(o qualsiasi vista utilizzando ScrollingViewBehavior ) per impostare l'importo della sovrapposizione:

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    app:behavior_overlapTop="64dp">

Si noti che app:behavior_overlapTopfunziona solo su viste che hanno il app:layout_behavior="@string/appbar_scrolling_view_behavior"comportamento che utilizza l'attributo (non la vista o il gruppo di viste padre, come gli attributi di solito si applicano), da cui il behavior_prefisso.

Oppure impostalo in modo programmatico tramite setOverlayTop () :

NestedScrollView scrollView = ...
CoordinatorLayout.LayoutParams params = 
    (CoordinatorLayout.LayoutParams) scrollView.getLayoutParams();
AppBarLayout.ScrollingViewBehavior behavior =
    (AppBarLayout.ScrollingViewBehavior) params.getBehavior();
behavior.setOverlayTop(128); // Note: in pixels

Oltre alla risposta accettata , chiama setTitleEnabled (false) sul tuo CollapsingToolbarLayout per fare in modo che il titolo rimanga fisso in alto come nell'esempio.

Come questo:

CollapsingToolbarLayout.setTitleEnabled(false);

o aggiungendolo in xml in questo modo:

app:titleEnabled="false"

In caso contrario, il titolo potrebbe scomparire dietro il contenuto sovrapposto, a meno che, ovviamente, non sia questo il comportamento desiderato.