Comment utiliser RecyclerView dans NestedScrollView?

Comment utiliser à l' RecyclerViewintérieur NestedScrollView? RecyclerViewle contenu n'est pas visible après avoir configuré l'adaptateur.

MISE À JOUR du code de mise en page.

<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>

Remplacez votre recyclerView par,

<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" />

ici,

app:layout_behavior="@string/appbar_scrolling_view_behavior"

va gérer le reste des choses.

Encore une chose, pas besoin de mettre votre recycleurView dans NestedScrollView

MISE À JOUR 1

Depuis la bibliothèque de support Android 23.2.0, une méthode a été ajoutée setAutoMeasureEnabled(true)pour les LayoutManagers. Il fait recyclerView pour envelopper son contenu et fonctionne comme un charme.
http://android-developers.blogspot.ru/2016/02/android-support-library-232.html

Alors ajoutez simplement quelque chose comme ceci:

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

MISE À JOUR 2

Étant donné que 27.1.0 setAutoMeasureEnabledest obsolète, vous devez donc fournir une implémentation personnalisée de LayoutManager avec la méthode substituéeisAutoMeasureEnabled()

Mais après de nombreux cas d'utilisation de RecyclerView, je recommande fortement de ne pas l'utiliser dans mode d'emballage , car ce n'est pas ce à quoi il est destiné. Essayez de refaçonner l'ensemble de votre mise en page en utilisant un seul RecyclerView normal avec plusieurs types d'éléments. Ou utilisez l'approche avec LinearLayout que j'ai décrite ci-dessous en dernier recours

Ancienne réponse (non recommandée)

Vous pouvez utiliser à l' RecyclerViewintérieur NestedScrollView. Tout d'abord, vous devez implémenter votre propre personnalisation LinearLayoutManager, cela vous permet RecyclerViewd'envelopper son contenu. Par exemple:

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);
    }
}

Après cela, utilisez ceci LayoutManagerpour votreRecyclerView

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

Mais vous devez également appeler ces deux méthodes:

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

Ici, setNestedScrollingEnabled(false)désactivez le défilement pour RecyclerView, afin qu'il n'intercepte pas l'événement de défilement de NestedScrollView. EtsetHasFixedSize(false) déterminez que les modifications du contenu de l'adaptateur peuvent modifier la taille duRecyclerView

Remarque importante: cette solution est peu buggée dans certains cas et a des problèmes de performances, donc si vous avez beaucoup d'éléments dans votre, RecyclerViewje vous recommande d'utiliser une LinearLayoutimplémentation personnalisée de l'affichage de liste, de créer l'analogue de l'adaptateur pour cela et de le faire se comporter comme ListViewouRecyclerView

1) Vous devez utiliser la bibliothèque de support 23.2.0 (ou) ci-dessus

2) et la RecyclerViewhauteur serawrap_content .

3) recyclerView.setNestedScrollingEnabled(false)

Mais en faisant cela, le modèle de recycleur ne fonctionne pas . (c.-à-d. que toutes les vues seront chargées en une seule fois, car elles ont wrap_contentbesoin de la hauteur complète RecyclerViewpour qu'elles dessinent tous les enfants 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`. L'impact sur les performances sera très élevé.

Pour faire simple "il agit comme LinearLayoutavec toutes les vues enfant"

Vous pouvez utiliser android:fillViewport="true"pour NestedScrollViewmesurer le RecyclerView. Le RecyclerViewremplira la hauteur restante. donc si vous voulez faire défiler la NestScrollView, vous pouvez définir les RecyclerView« s minHeight.

Ajouter simplement recyclerView.setNestedScrollingEnabled(false);avant setAdapterlui-même a fonctionné pour moi. Je n'ai ajouté app:layout_behavior="@string/appbar_scrolling_view_behavior"aucun endroit et je n'ai défini aucun gestionnaire de mise en page personnalisé

<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>

C'est ce qui fonctionne pour moi

<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>

Il existe un code simple et de test que vous pouvez vérifier

<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>

Car androidxil s'appelle androidx.core.widget.NestedScrollView- et il défile également comme du beurre avec des propriétés isScrollContaineret measureAllChildrenactivé:

<!-- 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>

Essayez d'utiliser cette bibliothèque - https://github.com/serso/android-linear-layout-manager .

LayoutManager de la bibliothèque fait recyclerView enveloppe son contenu. Dans ce cas, RecyclerView sera "aussi grand que les vues intérieures", il n'aura donc pas de barres de défilement et l'utilisateur utilisera les capacités de défilement de NestedScrollView. Par conséquent, il ne sera pas ambigu comme "scrollable inside scrollable".

Voici le code que j'utilise pour éviter les problèmes de défilement:

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

J'ai utilisé RecyclerView dans un NestedScrollView et cela a fonctionné pour moi. Le seul problème que je devais garder à l'esprit était qu'un NestedScrollView ne prend qu'une seule vue enfant. Donc, dans mon cas, j'ai utilisé le groupe de vues LienearLayout qui hébergeait mon RecyclerView et un certain nombre d'autres vues dont j'avais besoin.

Je rencontre un problème en plaçant mon RecyclerView dans le NestedScrollView. J'ai réalisé que le défilement du contenu de mon RecyclerView était ralenti.

J'ai réalisé plus tard que mon RecyclerView recevait l'événement de défilement et était donc en conflit avec le comportement de défilement du NestedScrollView.

Donc, pour résoudre ce problème, j'ai dû désactiver la fonctionnalité de défilement de mon RecyclerView avec cette méthode movieListNewRecyclerView.setNestedScrollingEnabled(false);

Vous pouvez consulter mon Instagram pour une courte vidéo de ce que j'ai réellement fait. C'est ma poignée instagram ofelix03

Cliquez sur cette image pour voir ce que j'ai fait

J'ai Viewpager et RecyclerView dans le NestedScrollView. Après avoir ajouté les lignes ci-dessous

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

J'ai résolu le problème de défilement lent et de retard de défilement.

Vous ne pouvez pas utiliser une vue de recycleur dans une vue de défilement imbriquée. Il n'est pas destiné à contenir d'autres vues défilables, mais c'est parce que c'est un enfant d'une disposition de défilement lui-même que vous avez besoin de la vue de défilement imbriquée. J'ai eu le même problème mais à la fin, j'ai déplacé ma vue de texte pour être une vue de tête dans la vue de recyclage, j'ai fait de la vue de recyclage un enfant direct de la disposition du coordinateur et j'ai supprimé la vue de défilement imbriquée. Ensuite, tous mes problèmes ont disparu.

Si vous utilisez RecyclerView-23.2.1ou plus tard. La solution suivante fonctionnera très bien:

Dans votre mise en page, ajoutez RecyclerView comme ceci:

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

Et dans votre fichier 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()));

Ici layoutManager.setAutoMeasureEnabled(true); fera l'affaire.

Consultez ce problème et ce blog de développeur pour plus d'informations.

Une solution pour conserver la fonction de recyclage de la vue de recyclage et éviter que la vue de recyclage charge toutes vos données consiste à définir une hauteur fixe dans la vue de recyclage elle-même. En faisant cela, la vue d'ensemble du recyclage est limitée uniquement à charger autant que sa hauteur peut montrer à l'utilisateur recyclant ainsi son élément si jamais vous faites défiler vers le bas / haut.

Il y a beaucoup de bonnes réponses. La clé est que vous devez définir nestedScrollingEnabledà false. Comme mentionné ci-dessus, vous pouvez le faire en code java:

mRecyclerView.setNestedScrollingEnabled(false);

Mais vous avez également la possibilité de définir la même propriété dans le code xml ( 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" />

Si vous utilisez RecyclerView ScrollListener dans NestedScrollView , l'écouteur addOnScrollListener ne fonctionne pas correctement si vous êtes utilisé les deux.

Utilisez ce code.

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

ce code fonctionne correctement RecyclerView ScrollListener dans NestedScrollView .

Merci

J'ai dû implémenter CoordinatorLayout avec le défilement de la barre d'outils et cela m'a juste pris toute la journée à déconner. Je l'ai fait fonctionner en supprimant NestedScrollView du tout. Je n'utilise donc que RelativeLayout à la racine.

<?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>

n'utilisez pas recyclerView dans NestedScrollView. cela peut provoquer des problèmes de cascade! Je suggère d'utiliser ItemViewTypes dans RecyclerView pour gérer plusieurs types de vues. ajoutez simplement un RecyclerView avec la largeur et la hauteur de match_parent. puis dans votre recyclerViewAdapter, remplacez getItemViewType et utilisez position pour gérer la disposition à gonfler. après cela, vous pouvez gérer votre détenteur de vue en utilisant la méthode 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"/>

J'ai utilisé cette extension géniale (écrite en kotlin mais peut également être utilisée en Java)

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

Fondamentalement, vous obtenez l' NestedRecyclerViewintérieur de n'importe quel paquet, disons des utils dans votre projet, puis créez simplement votre vue de recyclage comme

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

Consultez cet article génial de Marc Knaup

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

Solution pour ne pas charger tous les enfants recyclew view à la fois dans la vue de défilement imbriquée .

Bénéfices:

1. ne charge pas tous les enfants une fois, lors de l'utilisation de la vue de défilement imbriquée.
2. vous pouvez utiliser recycleView.setHasFixedSize (true) pour de meilleures performances
3. empêcher les services Web d'envoyer toutes les données en même temps, la pagination fonctionne comme prévu
4. bon pour un plus grand nombre d'ensembles de données.
5. bon pour les appareils à faible mémoire
6. peut continuer à utiliser le défilement imbriqué
7. très utile lorsque votre recyle affiche un élément complexe et nécessite beaucoup de ressources.

Réparer :

dans votre xml au lieu d'utiliser match_parent ou wrap_content pour recycleview, utilisez la hauteur fixe .

Dans mon cas, l'enfant de NestedScrollview est ConstraintLayout. Cela ne fonctionne pas comme prévu, je l'ai remplacé par LinearLayout. Peut-être que cela aide quelqu'un.

<androidx.core.widget.NestedScrollView 
  android:id="@+id/nestedScrollView" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent">

  <LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:descendantFocusability="blocksDescendants">

    <androidx.recyclerview.widget.RecyclerView
      android:id="@+id/recyclerView"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:nestedScrollingEnabled="false"
      app:layout_constraintBottom_toTopOf="@+id/divider"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toBottomOf="@+id/tinTitle"/>

  </LinearLayout>
</androidx.core.widget.NestedScrollView>

RecyclerView avec 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" />