ViewPager in einer NestedScrollView

Ich muss eine Oberfläche wie Google Newsstand erstellen, die eine Art ViewPager (horizontaler Bildlauf) über einem reduzierenden Header (vertikaler Bildlauf) ist. Eine meiner Anforderungen ist die Verwendung der neuen Design Support Library, die auf der Google IO 2015 vorgestellt wird. ( Http://android-developers.blogspot.ca/2015/05/android-design-support-library.html )

Basierend auf dem von Chris Banes erstellten Beispiel ( https://github.com/chrisbanes/cheesesquare ) habe ich den Punkt erreicht, an dem ich das Reduktionsverhalten ausführen kann, jedoch mit einem einfachen LinearLayout (ohne horizontalen Bildlauf).

Ich habe versucht, das LinearLayout durch einen ViewPager zu ersetzen, und habe einen leeren Bildschirm erhalten. Ich habe gespielt mit: Breite, Gewicht und allen Arten von Ansichtsgruppen, aber ... immer noch ein leerer Bildschirm. Es scheint, dass ViewPager und NestedScrollView sich nicht mögen.

Ich habe versucht, eine Problemumgehung mithilfe eines HorizontalScrollView zu verwenden: Es funktioniert, aber ich verliere den Vorteil der PagerTitleStrip-Funktion und den Fokus auf ein einzelnes Bedienfeld (ich kann das horizontale zwischen zwei Bedienfeldern stoppen).

Jetzt habe ich keine Ideen mehr, ob mich jemand zu einer Lösung führen kann ...

Vielen Dank

Hier ist meine neueste Layoutdatei:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <include
                layout="@layout/part_header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_collapseMode="parallax"/>

            <android.support.v7.widget.Toolbar
                android:id="@+id/activity_main_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

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

    <android.support.v4.widget.NestedScrollView
        android:id="@+id/activity_main_nestedscrollview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.v4.view.ViewPager
            android:id="@+id/activity_main_viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#FFA0"/>


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

Ich treffe dieses Problem, ich löse es durch setFillViewport (true)

<android.support.v4.widget.NestedScrollView
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:id="@+id/nest_scrollview"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="mio.kon.yyb.nestedscrollviewbug.ScrollingActivity"
tools:showIn="@layout/activity_scrolling">


    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

in der Aktivität

  NestedScrollView scrollView = (NestedScrollView) findViewById (R.id.nest_scrollview);
    scrollView.setFillViewport (true);

Okay, ich habe eine kleine Demo mit dem ViewPagerund gemacht NestedScrollView. Das Problem, mit dem ich konfrontiert war, war die Höhe ViewPagerund die ListView. Also habe ich eine kleine Änderung an ListViewund ViewPager'sHöhenmessung vorgenommen.

Wenn jemand in den Code schauen möchte, ist hier der Link: https://github.com/TheLittleNaruto/SupportDesignExample/

Ausgabe:

Fügen Sie android:fillViewport="true"in Ihrem NestedScrollView. Zeitraum.

Anstatt ViewPager in NestedScrollView zu platzieren, machen Sie es umgekehrt.

Platzieren Sie die NestedScrollView in den untergeordneten Ansichten im ViewPager, der im Wesentlichen das Layout des Fragments darstellt. Es ist auch sehr wahrscheinlich, dass Sie NestedScrollView nicht einmal verwenden müssen, wenn das Listenlayout Ihres Fragments sehr einfach ist.

Beispiellayouts

Layout der Aktivität:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.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"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/app_bar_height"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:minHeight="@dimen/app_bar_height"
                android:scaleType="centerCrop"
                android:src="@drawable/my_bg"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.8"
                app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

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

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

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

        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />
    </LinearLayout>

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

Wenn Sie das TabLayout nicht benötigen, können Sie das LinearLayout fallen lassen und ViewPager eigenständig machen. Aber seien Sie sicher, zu verwendenapp:layout_behavior="@string/appbar_scrolling_view_behavior" unbedingt die ViewPager-Attribute.

Layout des einfachen Fragments:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

Layout des komplexen Fragments:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillViewport="true"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Hello World"/>
    </RelativeLayout>
</android.support.v4.widget.NestedScrollView>

Beispiel-App: CollapsingToolbarPoc

Hatte die gleichen Probleme.

Wenn Sie NestedScrollView um den ViewPager legen, funktioniert dies nicht.

Was jedoch funktioniert hat, ist, die NestedScrollView in das Layout des Fragments einzufügen, das ich in den ViewPager lade.

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@id/fragment_detail"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="fill_vertical"
            android:orientation="vertical">
    ...Content...
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

Sie können es so versuchen, Viewpager funktioniert einwandfrei, aber die Höhe des Viewpagers ist festgelegt.

Ich finde immer noch die bessere Lösung ..., also lassen Sie mich bitte wissen, dass jeder Punkt es besser machen kann, danke

<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="wrap_content"
        android:minHeight="800dp"
        android:orientation="vertical">

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

Ich hatte das gleiche Problem und habe es nur mit einigen Änderungen behoben. ViewPagerfunktioniert nicht innerhalb der NestedScrollView. Setzen Sie einfach ViewPagerals direktes Kind von Ihnen CoordinatorLayout. Dann sollte der Inhalt für jedes ViewPager-Fragment eingeschlossen sein NestedScrollView. Das ist es.

Sie müssen NestedScrollView nicht verwenden, um die Parallaxeeffekte zu erzielen. versuchen Sie so etwas:

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

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:animateLayoutChanges="true">

        <android.support.v7.widget.Toolbar
            android:id="@+id/my_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|enterAlways"/>

        <android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/my_tab_layout"
            android:fillViewport="false"
            app:tabMode="fixed"/>
     </android.support.design.widget.AppBarLayout>

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

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

Ich hatte ein Layout mit einer App-Symbolleiste mit NestedScrollView darunter, dann befand sich in der verschachtelten Symbolleiste ein LinearLayout, unter dem LinearLayout ein Ansichtspager. Die Idee war, dass das LinearLayout in der NestedScrollView behoben wurde - Sie konnten zwischen den Ansichten des Ansichtspagers nach links / rechts schieben, aber dieser Inhalt bewegte sich zumindest horizontal nicht . Aufgrund der verschachtelten Bildlaufansicht sollten Sie weiterhin in der Lage sein, den gesamten Inhalt vertikal zu scrollen. Das war die Idee. Also habe ich die verschachtelte NestedScrollView-Höhe auf match_parent gesetzt, das Ansichtsfenster gefüllt und dann alle untergeordneten Layouts / ViewPager auf wrap_content gesetzt.

In meinem Kopf war das richtig. Aber es hat nicht funktioniert - ViewPager erlaubte mir, nach links / rechts zu gehen, aber kein vertikales Scrollen, unabhängig davon, ob der Inhalt der Viewpager-Seite unter den unteren Rand des aktuellen Bildschirms verschoben wurde oder nicht. Es stellte sich heraus, dass dies im Grunde darauf zurückzuführen ist, dass der ViewPager wrap_content auf seinen verschiedenen Seiten nicht berücksichtigt.

Ich habe dies umgangen, indem ich den ViewPager in Unterklassen unterteilt habe, damit er die Höhe abhängig vom aktuell ausgewählten Element ändert, und ihn dazu gezwungen hat, sich wie layout_height = "wrap_content" zu verhalten:

public class ContentWrappingViewPager extends ViewPager {

    public ContentWrappingViewPager(Context context) {
        super(context);
    }

    public ContentWrappingViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        int height = 0;
        if (getChildCount() > getCurrentItem()) {
            View child = getChildAt(getCurrentItem());
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            if(h > height) height = h;
        }

        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

Die Lösung wurde von dieser Antwort inspiriert . Hat für mich gearbeitet!

Fügen Sie diese Zeile einfach in NestedScrollView ein

android:fillViewport="true"

Ich entfernte NestedScrollView vom Haupt Layout und als eingefügt Elternteil in all meinem Fragment - Layout , die in zu laden sollten ViewPager für mich , dieses Problem behoben.

Verwenden Sie die unten angepasste Klasse, um Ihr Problem zu beheben. Vergessen Sie nicht, die onRefresh () -Methode auf pagechangelistener aufzurufen.

public class ContentWrappingViewPager extends ViewPager
{
    private int width = 0;
    public ContentWrappingViewPager(Context context) {
        super(context);
    }

    public ContentWrappingViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        int height = 0;
        width = widthMeasureSpec;
        if (getChildCount() > getCurrentItem()) {
            View child = getChildAt(getCurrentItem());
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            if(h > height) height = h;
        }

        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    public void onRefresh()
    {
        try {
            int height = 0;
            if (getChildCount() > getCurrentItem()) {
                View child = getChildAt(getCurrentItem());
                child.measure(width, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
                int h = child.getMeasuredHeight();
                if(h > height) height = h;
            }

            int heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
            ViewGroup.LayoutParams layoutParams = this.getLayoutParams();
            layoutParams.height = heightMeasureSpec;
            this.setLayoutParams(layoutParams);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

Ich hatte ein ähnliches Problem (aber ohne CollapsingToolbarLayout, nur ein einfaches Toolbar+ TabLayoutinnerhalb der AppBarLayout). Ich wollte, dass die Symbolleiste außer Sichtweite rollt, wenn der Inhalt von a ViewPagerinnerhalb der NestedScrollView.

Mein Layout sah ungefähr so ​​aus:

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

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:animateLayoutChanges="true">

            <android.support.v7.widget.Toolbar
                android:id="@+id/my_toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|enterAlways"/>

            <android.support.design.widget.TabLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/my_tab_layout"
                android:fillViewport="false"
                app:tabMode="fixed"/>
         </android.support.design.widget.AppBarLayout>

         <android.support.v4.widget.NestedScrollView
                android:id="@+id/container"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fillViewport="true"
                android:layout_gravity="fill_vertical"
                app:layout_behavior="@string/appbar_scrolling_view_behavior">

                <android.support.v4.view.ViewPager
                    android:id="@+id/my_view_pager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                     app:layout_behavior="@string/appbar_scrolling_view_behavior">
                </android.support.v4.view.ViewPager>
         </android.support.v4.widget.NestedScrollView>

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

Dieses Layout funktionierte nicht wie beabsichtigt, aber ich löste es, indem ich es einfach loswurde NestedScrollViewund stattdessen ein LinearLayoutverwendete. Es funktionierte sofort für mich in der Android Support Library v23.1.0. So endete das Layout:

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

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:animateLayoutChanges="true">

            <android.support.v7.widget.Toolbar
                android:id="@+id/my_toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|enterAlways"/>

            <android.support.design.widget.TabLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/my_tab_layout"
                android:fillViewport="false"
                app:tabMode="fixed"/>
         </android.support.design.widget.AppBarLayout>

         <LinearLayout
            android:orientation="vertical"
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="4dp"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

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

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

PS: Das waren eigentlich zwei Layoutdateien in meinem Projekt. Ich habe sie hier kopiert und eingefügt und versucht, sie so zu strukturieren, wie es in einer einzelnen Datei aussehen würde. Es tut mir leid, wenn ich beim Einfügen Fehler gemacht habe, aber bitte lassen Sie mich wissen, ob dies der Fall ist, damit ich das Problem beheben kann.

Das Folgende sollte die richtige Höhe des Ansichtspagers sicherstellen. Das Fragment ist das erste Fragment, das vom Ansichtspager bereitgestellt wird.

<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="horizontal">

        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

        <fragment
            class="com.mydomain.MyViewPagerFragment"
            android:id="@+id/myFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:visibility="gone"/>

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>

Ich habe den gleichen Wunsch, ein ViewPagerin a zu nisten NestedScrollView. Aber es funktioniert auch nicht bei mir. In meinem Fall ist das ViewPagerin einemFragment sodass ich den Inhalt abhängig von den Interaktionen mit der Schublade wechseln kann. Natürlich müssen AppBar, Collapse usw. und alle neuen Funktionen der Support-Bibliothek funktionieren.

Wenn ein Benutzer eine Seite im Pager vertikal scrollt, möchte ich, dass andere Seiten gleich gescrollt werden, um dem Benutzer den Gesamteindruck zu vermitteln, dass der Pager selbst gescrollt hat.

Was ich getan habe, was funktioniert, ist, dass ich nicht mehr das ViewPagerInnere a einbette NestedScrollView, sondern den Inhalt der enthaltenen Fragmente in a einbette NestedScrollView.

Im Falle einer Schriftrolle in einem Fragment informiere ich den Container dann über die neue Bildlaufposition, in der sie gespeichert ist.

Schließlich addOnPageChangeListenerinformiere ich das linke oder rechte Zielfragment über einen vom Pager erkannten Wisch nach links oder rechts (unter Verwendung der Suche nach Ziehzuständen), wo es scrollen muss (basierend auf dem Containerwissen darüber), um von dem Fragment ausgerichtet zu werden, von dem ich komme.

Ich kenne eine funktionierende Lösung: Sie verwenden Activity mit CoordinatorLayout und FrameLayout, Container. Dann. Verwenden Sie den Fragment-Manager, um das Fragment in den Container zu legen. Zum Beispiel mein Code:

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:elevation="0dp">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        app:layout_scrollFlags="scroll|enterAlways"
        android:layout_height="@dimen/toolbar_height"
        android:background="?attr/colorPrimary"
        android:gravity="center">

    </android.support.v7.widget.Toolbar>


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

<FrameLayout
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

</FrameLayout>

Und Fragment:

<LinearLayout 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"
android:orientation="vertical"
tools:context="com.improvemdia.inmyroom.MainFragment">

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

Verwenden Sie dann FragmentManager

getSupportFragmentManager().beginTransaction()
            .replace(R.id.container, new MainFragment())
            .commit();

Nachdem ich stundenlang alle oben genannten Vorschläge ausprobiert hatte, ließ ich es endlich funktionieren. Der Schlüssel setzt NestedScrollViewinnen PageViewer, und legen Sie layout_behaviorauf '@string/appbar_scrolling_view_behavior'für BEIDE Ansichten. Das endgültige Layout ist wie

<CoordinatorLayout>
    <ViewPager app:layout_behavior="@string/appbar_scrolling_view_behavior">
        <NestedScrollView fillViewport="true" app:layout_behavior="@string/appbar_scrolling_view_behavior">
            <Content>...</Content>
        </NestedScrollView>
    </ViewPager>
    <AppBarLayout>...</AppBarLayout>
</CoordinatorLayout>

Sie haben gerade die NestedScrollView in Ihrer XML entfernt und diesen Code in Ihre Klasse eingefügt

yourGridView.setNestedScrollingEnabled(true);

Tatsächlich muss NestedScrollView kein direktes Geschwister von CollapsingToolbarLayout in CoordinatorLayout sein. Ich habe etwas wirklich Bizzares erreicht. Das appbar_scrolling_view_behavior arbeitet in 2 verschachtelten Fragmenten.

Mein Aktivitätslayout:

<android.support.design.widget.CoordinatorLayout>

    <android.support.design.widget.AppBarLayout>

            <android.support.design.widget.CollapsingToolbarLayout>

                <include
                    layout="@layout/toolbar"/>

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

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

    <FrameLayout
        android:id="@+id/container"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

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

Im "Container" FrameLayout habe ich dieses Fragment aufgeblasen:

<android.support.constraint.ConstraintLayout>

    ... some content ...

    <android.support.v4.view.ViewPager/>

    ...

</android.support.constraint.ConstraintLayout>

Und Fragmente in diesem ViewPager sehen folgendermaßen aus:

<RelativeLayout>

    <android.support.v7.widget.RecyclerView/>

    ....

</RelativeLayout>

Die Tatsache, dass NestedScrollView so tief in der CoordinatorLayout-Kinderhierarchie und im Bildlaufverhalten stecken kann, hat mich überrascht.