CollapsingToolbarLayout et masquer la barre d'outils pendant le défilement

Je suis en train de créer quelques combiné la mise en page à l'aide de CoordinatorLayout et aussi CollapsingToolbarLayout.

Dans le premier état, quand nous sommes sur le plus haut sommet de la page, et ne pas défiler encore, je veux que la barre d'outils de dépenser, comme indiqué ci-dessous (oui, je l'ai fait):

CollapsingToolbarLayout et masquer la barre d'outils pendant le défilement

Dans le second état, lorsque vous commencez à faire défiler vers le bas, l'image et la barre d'outils devrait disparaître, comme indiqué ci-dessous (uniquement onglet):

CollapsingToolbarLayout et masquer la barre d'outils pendant le défilement

Et dans le dernier état une fois que je suis à un certain point dans la liste (mais pas le haut de la liste), je veux commencer à faire défiler vers le haut, une fois que je commence à défiler, je veux la barre d'outils (et pas dépensé un avec l'image) pour démarrer whowing, comme indiqué ci-dessous (si elle n'a pas atteint le haut de la liste, l'image ne sera pas le montrer, seule la barre d'outils):

CollapsingToolbarLayout et masquer la barre d'outils pendant le défilement

J'ai été en mesure de réaliser les le premier état, mais les 2 autres de l'état sont problématiques,
une fois que la barre d'outils est mis en œuvre à l'intérieur de CollapsingToolbarLayout, la flexibilité de ce que je peux faire avec elle en dehors de CollapsingToolbarLayout composant n'est pas clair.
Je ne peux pas faire la barre d'outils cacher, si je le fais, alors il ne sera affiché une fois que j'ai atteint le sommet.

De toute façon, mon XML en cours (ci-dessous) est dans l'état où la première photo est mis en œuvre, mais une fois que j'ai lancer le défilement vers le bas, la barre d'outils de rester au sommet et ne s'en cachent pas. Note: je dois dire à la barre d'outils pour rester "pin" parce que si je n'avais pas l'information à l'intérieur de la barre d'outils disparaissent, et seulement un vide de la barre d'outils va montrer (c'est pour un autre post, mais il reste intéressant de savoir pourquoi cela se produit?).

ici est mon xml:

    <android.support.design.widget.CoordinatorLayout
    android:id="@+id/benefit_coordinator_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_material_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/main.collapsing"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            >

            <include
                android:id="@+id/toolbar_search_container"
                layout="@layout/search_box"
                android:layout_height="192dp"
                android:layout_width="match_parent"
                app:layout_collapseMode="parallax"

                />

            <include
                android:id="@+id/toolbar_benefit"
                layout="@layout/toolbar_main"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:contentScrim="?attr/colorPrimary"

                />

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

        <android.support.design.widget.TabLayout
            android:id="@+id/benefit_tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/primaryColor"
            app:tabIndicatorColor="@color/accentColor"
            app:tabSelectedTextColor="@android:color/white"
            app:tabTextColor="@android:color/black"
            app:tabIndicatorHeight="4dp" />

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

    <android.support.v4.view.ViewPager
        android:id="@+id/benefit_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
    <include
        layout="@layout/floating_btn_benefits"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="16dp"
        />
</android.support.design.widget.CoordinatorLayou
InformationsquelleAutor winter | 2016-02-03