AppBarLayout Kind nicht beim scrollen Zuklappen

Ich habe eine AppBarLayout enthält eine horizontale RecyclerView unter seinen Kindern.
Die Geschwister der AppBarLayout ist ein ViewPager (mit einer " vertikalen RecyclerView).

Ist hier die XML:

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/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=".ui.search.SearchResultFragment">

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:overScrollMode="never"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

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

    <LinearLayout
        android:id="@+id/header_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/back_image_view"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:scaleType="center"
            android:src="@drawable/ic_backarrow_gray"/>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/query_terms_recycler_view"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:layout_weight="1"/>

        <ImageView
            android:id="@+id/search_image_view"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:scaleType="center"
            android:src="@drawable/ic_search_gray"/>

    </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/related_terms_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/search_term_bg"
        app:layout_scrollFlags="scroll|enterAlways"/>

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/d8"
        android:background="@color/tab_and_nav_bar"/>

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

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

Ich habe bereits ein anderes UI mit AppBarLayout welches in der Lage ist zu reagieren um einen Bildlauf erfolgreich mit einem Toolbar . Der code ist so ziemlich das gleiche, aber in diesem Fall etwas falsch, da das RecyclerView bricht nicht /ausblenden.

  • Was ist dein problem im detail?
  • Es hat einfach keine Reaktion auf das scrolling-Geste. Es verbergen sollte der recycler anzeigen, aber nichts passiert.
  • Ich glaube, die "Scrollbar" (hidable) Ansichten oben sein muss. Funktioniert es, wenn Sie bewegen Sie die RecyclerView vor dem LinearLayout ?
  • Ich meine, dass der Inhalt der AppBarLayout sollte 1 sein. RecyclerView (mit scrollFlags); 2 LinearLayout; 3. TabLayout . Funktioniert es auf diese Weise?
  • Hey ich versuche jetzt. Ich werde Antworten, um Ihre Antwort unten.
InformationsquelleAutor Daniele Vitali | 2015-06-29
  1. 4
    • AppBarLayout ist nur eine vertikale LinearLayout, so bestellen zählt;
    • was macht Kind reagieren zu scrollen, gesten ist eigentlich die Definition der scroll Fahnen durch die android:layout_scrollFlags Attribut.

    Aus der offizielle Dokumentation für die Flagge, können wir Lesen, dass

    Wird die Ansicht Blättern, die in direkter Beziehung scroll-Ereignisse. Dieses flag
    eingestellt werden muss, für die anderen flags zu übernehmen. Wenn überhaupt
    Geschwister Aussicht, bevor es nicht diese Flagge, dann dieser Wert
    hat keinen Effekt.

    Das bedeutet, dass Sie Ihre flag wird ignoriert, weil die anderen Kinder haben keine Fahnen. Ich glaube, der Grund hinter diesem ist, dass wir wollen, nur die top Ansichten werden ausgeblendet - unten-Ansichten können nicht verschwinden, wenn es noch etwas oben.

    So ist die Lösung in diesem Fall (was Euch vielleicht nicht gefällt) ist, entweder:

    • verschieben Sie die Ansicht nach oben, so wird es sein, die einzige Aussicht beenden;

    • geben Sie alle Ansichten, die scroll Flagge. Sie reagieren zusammen zu scrollen, gesten, die möglicherweise nicht, was Sie wollen.

      <AppBarLayout>
    <RecyclerView ...
        android:layout_scrollFlags="scroll|enterAlways"/>

    <LinearLayout ... >
    <TabLayout ... >
</AppBarLayout>
    • Es fast funktioniert, vielen Dank 🙂 ich zog die RecyclerView an die Spitze. Ich ließ die anderen Kinder ohne scrollFlags. Das Ergebnis ist wie erwartet: die RecylerView Schriftrollen aus und der andere bleibt sichtbar. Die einzige Sache ist, dass der RecyclerView bleiben sollte zwischen den LinearLayout und die TabLayout 🙁 irgendeine Idee?
    • Vielleicht machen die LinearLayout Blättern Sie zu?
    • Ja, es funktioniert sicher, aber der Punkt ist: was, wenn ich möchte ein layout wie diese? Ich meine, eine top-linearen layout, einen Papierkorb anzeigen und die Registerkarte layout, und ich brauche nur die recycler anzeigen zu reagieren, um die scroll-Ereignisse? Ich denke, dieser Ansatz nicht erlauben, mich zum erstellen dieser Art von layout. Was denken Sie?
    • Dann können Sie es nicht mit AppBarLayout. Die Lösung, die mir einfällt, ist das definieren von benutzerdefinierten Behavior für die RecyclerView und überschreiben onNestedScroll(). Es, wenn Benutzer einen Bildlauf nach unten Sie machen das RV-unsichtbar (setVisibility(View.GONE)); wenn das scrollen nach oben, machen Sie es wieder sichtbar (setVisibility(View.VISIBLE)). Versuchen Sie eine Suche für eine "angepasste Verhalten" Beispiel, wenn Sie wirklich brauchen, so.
    • Danke Mann. Ich individuelle Verhalten, aber ich habe es in einem anderen Weg 🙂
    • "AppBarLayout ist nur ein vertikales LinearLayout, also Auftrag gilt;". Dies hat mir geholfen, danke!

    InformationsquelleAutor natario
  2. 1

    Großen Dank an @m vai für die Tipps

    Ich löste dieses problem, die Anpassung des Verhaltens der AppBarLayout
    Hier ist der code:

    private void setAppBarLayoutBehaviour() {
    AppBarLayout.Behavior behavior = new AppBarLayout.Behavior() {

        @Override
        public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View directTargetChild, View target, int nestedScrollAxes) {
            //Trigger the following events if it is a vertical scrolling
            return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL || super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
        }

        @Override
        public void onNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
            super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed);

            //If I slowly reach the top, without fling, show the RecyclerView
            int[] firstVisiblePositions = ((StaggeredGridLayoutManager) ((RecyclerView) target).getLayoutManager()).findFirstCompletelyVisibleItemPositions(null);
            for (int position : firstVisiblePositions) {
                if (position == 0) {
                    showRelatedTerms();
                    break;
                }
            }
        }

        @Override
        public boolean onNestedFling(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, float velocityX, float velocityY, boolean consumed) {
            if (velocityY > 500) {
                //Hide the RecyclerView
            } else if (velocityY < -500) {
                //Show the recyclerView
            }
            return true;
        }
    };
    ((CoordinatorLayout.LayoutParams) appBarLayout.getLayoutParams()).setBehavior(behavior);
}

    Und ich nicht für jede scrollFlags in der XML.

    InformationsquelleAutor Daniele Vitali
Schreibe einen Kommentar