Jak korzystać z RecyclerView w NestedScrollView?

Jak korzystać z RecyclerViewwnętrza NestedScrollView? RecyclerViewzawartość nie jest widoczna po ustawieniu adaptera.

Zaktualizowano kod układu UPDATE .

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="@dimen/keyline_1">

    </RelativeLayout>

    <View
        android:id="@+id/separator"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#e5e5e5" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/conversation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

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

Zamień swój recyklerView na,

<android.support.v7.widget.RecyclerView
    android:id="@+id/conversation"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

tutaj,

app:layout_behavior="@string/appbar_scrolling_view_behavior"

zajmie się resztą rzeczy.

Jeszcze jedno: nie musisz umieszczać swojego recyclinglerView w NestedScrollView

AKTUALIZACJA 1

Od Android Support Library 23.2.0 dodano metodę setAutoMeasureEnabled(true)dla LayoutManagers. To sprawia, że ​​RecyclerView zawija zawartość i działa jak urok.
http://android-developers.blogspot.ru/2016/02/android-support-library-232.html

Dodaj więc coś takiego:

    LayoutManager layoutManager = new LinearLayoutManager(this);
    layoutManager.setAutoMeasureEnabled(true);
    recyclerView.setLayoutManager(layoutManager);
    recyclerView.setNestedScrollingEnabled(false);

AKTUALIZACJA 2

Ponieważ 27.1.0 setAutoMeasureEnabledjest przestarzałe, należy zapewnić niestandardową implementację LayoutManager z przesłoniętą metodąisAutoMeasureEnabled()

Ale po wielu przypadkach użycia RecyclerView zdecydowanie nie zaleca się używania go w trybie owijania , ponieważ nie jest to przeznaczone do tego celu. Spróbuj przefiltrować cały układ za pomocą zwykłego pojedynczego RecyclerView z kilkoma typami przedmiotów. Lub użyj podejścia z LinearLayout, które opisałem poniżej jako ostateczność

Stara odpowiedź (niezalecana)

Możesz użyć w RecyclerViewśrodku NestedScrollView. Przede wszystkim powinieneś wdrożyć własny niestandardowy LinearLayoutManager, który powoduje RecyclerViewzawinięcie jego zawartości. Na przykład:

public class WrappingLinearLayoutManager extends LinearLayoutManager
{

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

    private int[] mMeasuredDimension = new int[2];

    @Override
    public boolean canScrollVertically() {
        return false;
    }

    @Override
    public void onMeasure(RecyclerView.Recycler recycler, RecyclerView.State state,
            int widthSpec, int heightSpec) {
        final int widthMode = View.MeasureSpec.getMode(widthSpec);
        final int heightMode = View.MeasureSpec.getMode(heightSpec);

        final int widthSize = View.MeasureSpec.getSize(widthSpec);
        final int heightSize = View.MeasureSpec.getSize(heightSpec);

        int width = 0;
        int height = 0;
        for (int i = 0; i < getItemCount(); i++) {
            if (getOrientation() == HORIZONTAL) {
                measureScrapChild(recycler, i,
                        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
                        heightSpec,
                        mMeasuredDimension);

                width = width + mMeasuredDimension[0];
                if (i == 0) {
                    height = mMeasuredDimension[1];
                }
            } else {
                measureScrapChild(recycler, i,
                        widthSpec,
                        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
                        mMeasuredDimension);

                height = height + mMeasuredDimension[1];
                if (i == 0) {
                    width = mMeasuredDimension[0];
                }
            }
        }

        switch (widthMode) {
            case View.MeasureSpec.EXACTLY:
                width = widthSize;
            case View.MeasureSpec.AT_MOST:
            case View.MeasureSpec.UNSPECIFIED:
        }

        switch (heightMode) {
            case View.MeasureSpec.EXACTLY:
                height = heightSize;
            case View.MeasureSpec.AT_MOST:
            case View.MeasureSpec.UNSPECIFIED:
        }

        setMeasuredDimension(width, height);
    }

    private void measureScrapChild(RecyclerView.Recycler recycler, int position, int widthSpec,
            int heightSpec, int[] measuredDimension) {

        View view = recycler.getViewForPosition(position);
        if (view.getVisibility() == View.GONE) {
            measuredDimension[0] = 0;
            measuredDimension[1] = 0;
            return;
        }
        // For adding Item Decor Insets to view
        super.measureChildWithMargins(view, 0, 0);
        RecyclerView.LayoutParams p = (RecyclerView.LayoutParams) view.getLayoutParams();
        int childWidthSpec = ViewGroup.getChildMeasureSpec(
                widthSpec,
                getPaddingLeft() + getPaddingRight() + getDecoratedLeft(view) + getDecoratedRight(view),
                p.width);
        int childHeightSpec = ViewGroup.getChildMeasureSpec(
                heightSpec,
                getPaddingTop() + getPaddingBottom() + getDecoratedTop(view) + getDecoratedBottom(view),
                p.height);
        view.measure(childWidthSpec, childHeightSpec);

        // Get decorated measurements
        measuredDimension[0] = getDecoratedMeasuredWidth(view) + p.leftMargin + p.rightMargin;
        measuredDimension[1] = getDecoratedMeasuredHeight(view) + p.bottomMargin + p.topMargin;
        recycler.recycleView(view);
    }
}

Następnie użyj tego LayoutManagerdla swojegoRecyclerView

recyclerView.setLayoutManager(new WrappingLinearLayoutManager(getContext()));

Ale powinieneś także wywołać te dwie metody:

recyclerView.setNestedScrollingEnabled(false);
recyclerView.setHasFixedSize(false);

Tutaj setNestedScrollingEnabled(false)wyłącz przewijanie dla RecyclerView, aby nie przechwytywał zdarzenia przewijania NestedScrollView. I setHasFixedSize(false)ustal, że zmiany w treści adaptera mogą zmienić rozmiar plikuRecyclerView

Ważna uwaga: w niektórych przypadkach to rozwiązanie jest trochę wadliwe i ma problemy z wydajnością, więc jeśli masz wiele elementów RecyclerView, polecam skorzystanie z niestandardowej LinearLayoutimplementacji widoku listy, stwórz dla niego analog i adapter. zachowuj się jak ListViewlubRecyclerView

1) Musisz użyć biblioteki wsparcia 23.2.0 (lub) powyżej

2) i RecyclerViewwysokość będzie wrap_content.

3) recyclerView.setNestedScrollingEnabled(false)

Ale w ten sposób wzorzec recyklera nie działa . (tzn. wszystkie widoki zostaną załadowane jednocześnie, ponieważ wrap_contentwymaga wysokości zakończenia, RecyclerViewaby narysować wszystkie elementy potomne Views at once. No view will be recycled). Try not to use this pattern unless it is really required. Try to useviewType and add all other views that need to scroll toRecyclerView rather than usingRecyclerView inScrollview`. Wpływ na wydajność będzie bardzo wysoki.

Upraszczając: „działa tak samo jak LinearLayoutwszystkie widoki dziecka”

Możesz użyć, android:fillViewport="true"aby NestedScrollViewzmierzyć RecyclerView. RecyclerViewWypełni pozostałą wysokość. więc jeśli chcesz, aby przewinąć NestScrollView, można ustawić RecyclerView„s minHeight.

Po prostu dodanie recyclerView.setNestedScrollingEnabled(false);przed setAdaptersobą działało dla mnie. app:layout_behavior="@string/appbar_scrolling_view_behavior"Nigdzie nie dodałem i nie ustawiłem żadnego niestandardowego menedżera układu

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/white"
                android:text="Some Text..."
                android:padding="15dp" />

        </LinearLayout>

        <LinearLayout
            android:orientation="vertical"
            android:padding="15dp"
            android:layout_marginTop="10dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Quick Links"
                android:textColor="@color/black"
                android:textStyle="bold"
                android:textAllCaps="true"
                android:paddingLeft="20dp"
                android:drawableLeft="@drawable/ic_trending_up_black_24dp"
                android:drawablePadding="10dp"
                android:layout_marginBottom="10dp"
                android:textSize="16sp"/>

            <View
                android:layout_width="fill_parent"
                android:layout_height="1dp"
                android:background="#efefef"/>

            <android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
                android:id="@+id/recyclerview"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </LinearLayout>

    </LinearLayout>

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

To działa dla mnie

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.v4.widget.NestedScrollView>

Istnieje prosty i testujący kod, który możesz sprawdzić

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

Na androidxto się nazywa androidx.core.widget.NestedScrollView- i to też przewija alike masło z właściwościami isScrollContaineri measureAllChildrenwłączona:

<!-- Scrolling Content -->
<androidx.core.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"

    android:isScrollContainer="true"
    android:measureAllChildren="true"

    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fastScrollEnabled="true"
        android:scrollbarStyle="insideInset"
        android:scrollbars="vertical"
        android:splitMotionEvents="false"
        android:verticalScrollbarPosition="right"/>

</androidx.core.widget.NestedScrollView>

Spróbuj użyć tej biblioteki - https://github.com/serso/android-linear-layout-manager .

LayoutManager biblioteki sprawia, że ​​RecyclerView zawija swoją zawartość. W takim przypadku RecyclerView będzie „tak duży jak widoki wewnętrzne”, więc nie będzie miał pasków przewijania, a użytkownik użyje zdolności przewijania NestedScrollView. Dlatego nie będzie dwuznaczny jak „przewijany wewnątrz przewijalny”.

Oto kod, którego używam, aby uniknąć problemów z przewijaniem:

mRecyclerView = (RecyclerView) view.findViewById(android.R.id.list);
mRecyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
mRecyclerView.getLayoutManager().setAutoMeasureEnabled(true);
mRecyclerView.setNestedScrollingEnabled(false);
mRecyclerView.setHasFixedSize(false);

Użyłem RecyclerView wewnątrz NestedScrollView i zadziałało to dla mnie. Jedyne, co musiałem pamiętać, to że NestedScrollView ma tylko jeden widok potomny. Tak więc w moim przypadku skorzystałem z grupy widokowej LienearLayout, która mieściła mój RecyclerView oraz kilka innych widoków, których potrzebowałem.

Występuje jeden problem z umieszczeniem mojego RecyclerView w NestedScrollView. Uświadomiłem sobie, że przewijanie zawartości mojego RecyclerView zwolniło.

Później zdałem sobie sprawę, że mój RecyclerView odbiera zdarzenie przewijania i dlatego jest w konflikcie z zachowaniem przewijania NestedScrollView.

Aby rozwiązać ten problem, musiałem wyłączyć funkcję przewijania mojego RecyclerView za pomocą tej metody movieListNewRecyclerView.setNestedScrollingEnabled(false);

Możesz sprawdzić mój Instagram, aby zobaczyć krótki film z tego, co faktycznie zrobiłem. To jest mój uchwyt Instagram ofelix03

Kliknij ten obraz, aby zobaczyć, co zrobiłem

Mam Viewpager i RecyclerView wewnątrz NestedScrollView. Po dodaniu poniżej wierszy

recyclerView.setNestedScrollingEnabled(false);
recyclerView.setHasFixedSize(false);

Rozwiązałem problem wolnego przewijania i opóźnienia przewijania.

Nie można użyć widoku recyklera w zagnieżdżonym widoku przewijania. Nie ma on zawierać dalszych przewijalnych widoków, ale ponieważ jest to potomek samego przewijanego układu, potrzebujesz zagnieżdżonego widoku przewijania. Miałem ten sam problem, ale ostatecznie przeniosłem mój tekst na widok nagłówka w widoku recyclinglerview, uczyniłem recyclinglerview bezpośrednim potomkiem układu koordynatora i usunąłem zagnieżdżony widok przewijania. Potem wszystkie moje problemy zniknęły.

Jeśli używasz RecyclerView-23.2.1lub później. Następujące rozwiązanie będzie działać dobrze:

W swoim układzie dodaj RecyclerView w następujący sposób:

<android.support.v7.widget.RecyclerView
        android:id="@+id/review_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="vertical" />

A w twoim pliku Java:

RecyclerView mRecyclerView = (RecyclerView) view.findViewById(R.id.recyclerView);
LinearLayoutManager layoutManager=new LinearLayoutManager(getContext());
layoutManager.setAutoMeasureEnabled(true);
mRecyclerView.setLayoutManager(layoutManager);
mRecyclerView.setHasFixedSize(true);
mRecyclerView.setAdapter(new YourListAdapter(getContext()));

Tutaj layoutManager.setAutoMeasureEnabled(true);załatwi sprawę.

Sprawdź ten problem i blog programisty, aby uzyskać więcej informacji.

Jednym z rozwiązań, które pozwala zachować funkcję recyklingu w widoku recyklera i uniknąć ładowania podglądu w celu załadowania wszystkich danych, jest ustawienie stałej wysokości w samym widoku recyklingu. W ten sposób widok recyklera ogranicza się tylko do załadowania takiej wysokości, jaką może pokazać użytkownik, a zatem recykling elementu, jeśli przewiniesz do dołu / góry.

Istnieje wiele dobrych odpowiedzi. Kluczem jest to, że trzeba ustawić nestedScrollingEnabledsię false. Jak wspomniano powyżej, możesz to zrobić w kodzie Java:

mRecyclerView.setNestedScrollingEnabled(false);

Ale masz również możliwość ustawienia tej samej właściwości w xml code ( android:nestedScrollingEnabled="false"):

 <android.support.v7.widget.RecyclerView
 android:id="@+id/recyclerview"
 android:nestedScrollingEnabled="false"
 android:layout_width="match_parent"
 android:layout_height="match_parent" />

Jeśli używasz RecyclerView ScrollListener wewnątrz NestedScrollView , detektor addOnScrollListener nie działa poprawnie, jeśli używasz obu z nich.

Użyj tego kodu.

recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState); 
              ......
        }
    });

ten kod działa dobrze RecyclerView ScrollListener wewnątrz NestedScrollView .

dzięki

Musiałem zaimplementować CoordinatorLayout z przewijaniem paska narzędzi i zajęło mi to cały dzień. Pracuję, usuwając w ogóle NestedScrollView. Więc używam RelativeLayout w katalogu głównym.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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.v7.widget.RecyclerView
            android:id="@+id/rv_nearby"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</RelativeLayout>

nie używaj recyclerView wewnątrz NestedScrollView. może powodować problemy kaskadowe! Sugeruję użycie ItemViewTypes w RecyclerView do obsługi wielu rodzajów widoków. wystarczy dodać RecyclerView o szerokości i wysokości match_parent. następnie w swoim recyclinglerViewAdapter zastąp parametr getItemViewType i użyj pozycji do obsługi układu, który ma zostać napompowany. potem możesz obsłużyć uchwyt widoku za pomocą metody onBindViewHolder.

nestedScrollView.setNestedScrollingEnabled(true);

mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            //...
        }
    });


<androidx.core.widget.NestedScrollView
    android:id="@+id/nested"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:layout_below="@id/appBarLayout_orders"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

    <androidx.constraintlayout.widget.ConstraintLayout ...

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycler"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"/>

Użyłem tego niesamowitego rozszerzenia (napisanego w Kotlin, ale może być również użyte w Javie)

https://github.com/Widgetlabs/expedition-nestedscrollview

Zasadniczo dostajesz NestedRecyclerViewwnętrze każdego pakietu, powiedzmy utils w swoim projekcie, a następnie po prostu utwórz swój widok recyklera

 <com.your_package.utils.NestedRecyclerView
      android:id="@+id/rv_test"
      android:layout_width="match_parent"
      android:layout_height="match_parent" />

Sprawdź ten niesamowity artykuł autorstwa Marc Knaup

https://medium.com/widgetlabs-engineering/scrollable-nestedscrollviews-inside-recyclerview-ca65050d828a

Rozwiązanie, aby nie ładować wszystkich elementów podrzędnych widoku recyklingu jednocześnie w zagnieżdżonym widoku przewijania.

Korzyści:

1. nie ładuj wszystkich dzieci jeden raz, gdy używasz zagnieżdżonego widoku przewijania.
2. możesz użyć recycleView.setHasFixedSize (true) dla lepszej wydajności
3. uniemożliwiają serwisom internetowym wysyłanie wszystkich danych jednocześnie, paginacja działa zgodnie z oczekiwaniami
4. dobre dla większej liczby zestawów danych.
5. dobre dla urządzeń o niskiej pamięci
6. może nadal korzystać z przewijania zagnieżdżonego
7. bardzo pomocne, gdy Twój widok wyświetla kompleks przedmiotów i wymaga dużej ilości zasobów.

Naprawić :

w pliku xml zamiast używać match_parent lub wrap_content dla recycleview użyj fix fix .

RecyclerView z NestedScrollView

    <android.support.v7.widget.RecyclerView
    android:id="@+id/rv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />