Android — использование новой библиотеки дизайна для создания вкладок с пробелом внизу

Обновление Я изучал это, потому что, когда я вручную изменил размер разделителя, это вызвало заикание, и я подумал, что CollapsingToolbarLayout поможет это исправить. Чтение https://stackoverflow.com/a/16103503/2482564 поможет мне исправить заикание с помощью ObjectAnimator и установки его продолжительности до 0.

Я оставляю вопрос открытым на случай, если у кого-то есть решение с CollapsingToolbarLayout

Исходный вопрос

Я пытаюсь добиться следующего поведения с CoordinatorLayout, AppBarLayout, CollapsingToolbarLayout, Toolbar и TabLayout - в зависимости от того, что подходит для задачи...

Я хочу, чтобы мой первоначальный вид выглядел как этот макет

и поведение при прокрутке вверх должно быть:

1. область, отмеченная желтым, исчезает 1-й
2. область, отмеченная синим, исчезает 2-я - это только область с цветом, без текста
3. область, отмеченная розовым цветом - область вкладок, остается на экране и находится в верхней части экрана

Я пытался работать с примером cheesequare и модифицировал include_list_viewpager с помощью приведенного ниже кода, но получаю нормальное поведение сворачивающихся вкладок с уменьшающимся заголовком.

    <android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        android:minHeight="50dp"
        android:background="@color/cardview_dark_background"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">


        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways|snap"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_marginTop="50dp"
            android:background="@color/cardview_shadow_start_color"
            android:gravity="top"
            android:orientation="vertical"
            app:layout_collapseMode="pin">

            <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/cardview_light_background"/>
        </LinearLayout>

    </android.support.design.widget.CollapsingToolbarLayout>

</android.support.design.widget.AppBarLayout>

любая идея, что нужно изменить, чтобы получить поведение, которое я хочу? Я пробовал другие методы изменения размера области прокладки вручную, но это вызывает мерцание на экране, так как я вторгаюсь в середину события прокрутки.