在NestedScrollView中用RecyclerView分页

2 人关注

我知道这很老了,但我真的很累,从这里或从外面的网页上搜索和尝试了很多解决方案。

问题是:当从API调用数据到垂直回收器视图时,它加载所有的数据而不考虑分页。

在水平回收器视图中成功工作

而且不需要任何滚动或屏幕触摸

NestedScroll视图包含2个回收器,其顺序如下

NestedScrollView作为父类
作为孩子的HorizontalRecyclerView
VerticalRecyclerView作为孩子

my XML file :

<?xml version="1.0" encoding="utf-8"?>
<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="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.organizers_group.stadfm.Activities.NewsFeedHome"
tools:showIn="@layout/app_bar_news_feed_home">
<android.support.v4.widget.NestedScrollView
    android:id="@+id/nestedScroll"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scrollbars="none"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:fillViewport="true">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/_5dp"
        android:paddingBottom="@dimen/_7dp">
        <RelativeLayout
            android:id="@+id/linearLayout2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginBottom="8dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.0">
            <TextView
                android:id="@+id/horizontalTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/trending_stories"
                android:layout_marginStart="@dimen/_10dp"
                android:paddingTop="@dimen/_10dp"
                android:paddingBottom="@dimen/_10dp"
                android:fontFamily="@font/avenir_heavy"
                android:textColor="@color/trending_stories_color"
                android:textSize="@dimen/_20sp"/>
            <io.supercharge.shimmerlayout.ShimmerLayout
                android:id="@+id/shimmer_horizontal"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_below="@+id/horizontalTitle"
                app:shimmer_animation_duration="1200">
                <!-- Adding rows of placeholders -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">
                    <include layout="@layout/place_holder" />
                    <include layout="@layout/place_holder" />
                    <include layout="@layout/place_holder" />
                </LinearLayout>
            </io.supercharge.shimmerlayout.ShimmerLayout>
            <android.support.v7.widget.RecyclerView
                android:id="@+id/horizontalRecycler"
                android:layout_width="match_parent"
                android:layout_below="@+id/trending_story"
                android:layout_height="wrap_content"
                android:orientation="horizontal" />
            <ProgressBar
                android:id="@+id/pBLoading"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:indeterminate="true"
                android:visibility="invisible"
                android:layout_alignParentBottom="true"
                style="?android:attr/progressBarStyleHorizontal" />
        </RelativeLayout>
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:layout_below="@+id/linearLayout2"
            android:orientation="vertical"
            android:layout_margin="@dimen/_8dp"
            android:descendantFocusability="blocksDescendants"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/linearLayout2"
            app:layout_constraintVertical_bias="0.032"
            app:layout_constraintVertical_weight="1">
            <LinearLayout
                android:id="@+id/storiesLayout"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/_10dp"
                    android:paddingBottom="@dimen/_5dp"
                    android:text="@string/your_stories"
                    android:fontFamily="@font/avenir_heavy"
                    android:textColor="@color/stories_color"
                    android:textSize="@dimen/_20sp" />
                <ImageView
                    android:id="@+id/moreStoriesImg"
                    android:layout_width="@dimen/_40dp"
                    android:layout_height="@dimen/_40dp"
                    android:src="@drawable/more"
                    android:layout_gravity="center"/>
            </LinearLayout>
            <io.supercharge.shimmerlayout.ShimmerLayout
                android:id="@+id/shimmer_vertical"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/story_layout"
                android:orientation="vertical"
                app:shimmer_animation_duration="1200">
                <!-- Adding placeholders -->
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">
                    <include layout="@layout/place_holder" />
                    <include layout="@layout/place_holder" />
                </LinearLayout>
            </io.supercharge.shimmerlayout.ShimmerLayout>
            <!-- problem is with the following recycler-->
            <android.support.v7.widget.RecyclerView
                android:id="@+id/verticalRecycler"
                android:layout_width="match_parent"
                android:layout_below="@+id/story_layout"
                android:layout_height="wrap_content"
                android:nestedScrollingEnabled="false"
                app:layoutManager="android.support.v7.widget.LinearLayoutManager"
                app:layout_behavior="@string/appbar_scrolling_view_behavior"
            <ProgressBar
                android:id="@+id/pBLoading"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:indeterminate="true"
                android:visibility="invisible"
                android:layout_alignParentBottom="true"
                style="?android:attr/progressBarStyleHorizontal" />
        </RelativeLayout>
    </RelativeLayout>
</android.support.v4.widget.NestedScrollView>
</LinearLayout>

EndlessRecyclerViewScrollListener类 (从 stackOverFlow)

package com.organizers_group.stadfm.Adapters;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
public abstract class EndlessRecyclerViewScrollListener extends 
RecyclerView.OnScrollListener {
// The minimum amount of items to have below your current scroll position
// before loading more.
private int visibleThreshold = 5;
// The current offset index of data you have loaded
private int currentPage = 1;
// The total number of items in the dataset after the last load
private int previousTotalItemCount = 0;
// True if we are still waiting for the last set of data to load.
private boolean loading = true;
// Sets the starting page index
private int startingPageIndex = 1;
RecyclerView.LayoutManager mLayoutManager;
public EndlessRecyclerViewScrollListener(LinearLayoutManager layoutManager) {
    this.mLayoutManager = layoutManager;
public EndlessRecyclerViewScrollListener(GridLayoutManager layoutManager) {
    this.mLayoutManager = layoutManager;
    visibleThreshold = visibleThreshold * layoutManager.getSpanCount();
public EndlessRecyclerViewScrollListener(StaggeredGridLayoutManager layoutManager) {
    this.mLayoutManager = layoutManager;
    visibleThreshold = visibleThreshold * layoutManager.getSpanCount();
public int getLastVisibleItem(int[] lastVisibleItemPositions) {
    int maxSize = 0;
    for (int i = 0; i < lastVisibleItemPositions.length; i++) {
        if (i == 0) {
            maxSize = lastVisibleItemPositions[i];
        else if (lastVisibleItemPositions[i] > maxSize) {
            maxSize = lastVisibleItemPositions[i];
    return maxSize;
// This happens many times a second during a scroll, so be wary of the code you place here.
// We are given a few useful parameters to help us work out if we need to load some more data,
// but first we check if we are waiting for the previous load to finish.
@Override
public void onScrolled(RecyclerView view, int dx, int dy) {
    int lastVisibleItemPosition = 0;
    int totalItemCount = mLayoutManager.getItemCount();
    if (mLayoutManager instanceof StaggeredGridLayoutManager) {
        int[] lastVisibleItemPositions = ((StaggeredGridLayoutManager) mLayoutManager).findLastVisibleItemPositions(null);
        // get maximum element within the list
        lastVisibleItemPosition = getLastVisibleItem(lastVisibleItemPositions);
    } else if (mLayoutManager instanceof GridLayoutManager) {
        lastVisibleItemPosition = ((GridLayoutManager) mLayoutManager).findLastVisibleItemPosition();
    } else if (mLayoutManager instanceof LinearLayoutManager) {
        lastVisibleItemPosition = ((LinearLayoutManager) mLayoutManager).findLastVisibleItemPosition();
    // If the total item count is zero and the previous isn't, assume the
    // list is invalidated and should be reset back to the initial state
    if (totalItemCount < previousTotalItemCount) {
        this.currentPage = this.startingPageIndex;
        this.previousTotalItemCount = totalItemCount;
        if (totalItemCount == 0) {
            this.loading = true;
    // If it’s still loading, we check to see if the dataset count has
    // changed, if so we conclude it has finished loading and update the current page
    // number and total item count.
    if (loading && (totalItemCount > previousTotalItemCount)) {
        loading = false;
        previousTotalItemCount = totalItemCount;
    // If it isn’t currently loading, we check to see if we have breached
    // the visibleThreshold and need to reload more data.
    // If we do need to reload some more data, we execute onLoadMore to fetch the data.
    // threshold should reflect how many total columns there are too
    if (!loading && (lastVisibleItemPosition + visibleThreshold) > totalItemCount) {
        currentPage++;
        onLoadMore(currentPage, totalItemCount, view);
        loading = true;
// Call this method whenever performing new searches
public void resetState() {
    this.currentPage = this.startingPageIndex;
    this.previousTotalItemCount = 0;
    this.loading = true;
// Defines the process for actually loading more data based on page
public abstract void onLoadMore(int page, int totalItemsCount, RecyclerView view);

我的活动 :

    RecyclerView horizontalRecyclerView = findViewById(R.id.horizontalRecycler);
    horizontalRecyclerView.setHasFixedSize(true);
    LinearLayoutManager horizontalLayoutManager = new LinearLayoutManager(this , LinearLayoutManager.HORIZONTAL , false);
    horizontalRecyclerView.setLayoutManager(horizontalLayoutManager);
    // get trending post
    final int trendingPage = 1;
    myCustomAdapter = new MyCustomAdapter( this , getPosts(Page));
    horizontalRecyclerView.setAdapter(myCustomAdapter);
    myCustomAdapter.notifyDataSetChanged();
    EndlessRecyclerViewScrollListener scrollListener = new EndlessRecyclerViewScrollListener(horizontalLayoutManager) {
        @Override
        public void onLoadMore(int page, int totalItemsCount, RecyclerView view) {
            // Triggered only when new data needs to be appended to the list
            // Add whatever code is needed to append new items to the bottom of the list
            showProgressView(ProgressBar);
            getPosts(page);
    // Adds the scroll listener to RecyclerView
    horizontalRecyclerView.addOnScrollListener(scrollListener);
    // End Of horizontalRecyclerView
    // Stories RecyclerView
    RecyclerView verticalRecycler = findViewById(R.id.verticalRecycler);
    verticalRecycler.setHasFixedSize(true);
    verticalRecycler.setNestedScrollingEnabled(false);
    LinearLayoutManager verticalLayoutManager = new LinearLayoutManager(this , LinearLayoutManager.VERTICAL , false);
    verticalRecycler.setLayoutManager(verticalLayoutManager);
    // get mixed posts
    verticalAdapter = new VerticalAdapter( this , getStoriesPosts(1));
    verticalRecycler.setAdapter(verticalAdapter);
    verticalAdapter.notifyDataSetChanged();
    EndlessRecyclerViewScrollListener mixedScrollListener = new EndlessRecyclerViewScrollListener(verticalLayoutManager) {
        @Override
        public void onLoadMore(int page, int totalItemsCount, RecyclerView view) {
            // Triggered only when new data needs to be appended to the list
            // Add whatever code is needed to append new items to the bottom of the list
            showProgressView(progressBar);
            getStoriesPosts(page);
    // Adds the scroll listener to RecyclerView
    storiesRecyclerView.addOnScrollListener(mixedScrollListener);
    // End Of Mixed Stories

请帮助我!
如何用垂直的RecyclerView进行分页?

非常感谢任何一点帮助
提前感谢。

2 个评论
@Fantômas 谢谢你的编辑,但你能不能帮助解决这个问题!?
因为你的垂直RecyclerView的高度被设置为WRAP_CONTENT,当然它将永远不会停止变得越来越大,直到有新的数据可用。
android
android-recyclerview
pagination
Muhamad Jalal
Muhamad Jalal
发布于 2018-12-23
2 个回答
DrMorteza
DrMorteza
发布于 2018-12-26
已采纳
0 人赞同

2021年2月的最新情况

基于Android文档。

千万不要在滚动视图中添加 RecyclerView 或 ListView。这样做的结果是用户界面性能差,用户体验差。

最好的新方法是使用MergeAdapter。它被添加到Recyclerview v1.2.0alpha中。所以要添加这个依赖项。

implementation "androidx.recyclerview:recyclerview:1.2.0-beta01"

If you want to put two Adapters in one recyclerView, follow this Guide:

然后建立一个MakeAdapter的实例,并把你的适配器传给它,然后把它设置为RecyclerViewAdapter。

ConcatAdapter ca = new (firstAdapter, secondAdapter);
myRecyclerView.setAdapter(ca);

If you have a layout and Pagedlist, follow this Guide:

然后做一个简单的ViewHolder,把第一个布局放在它上面。然后制作MergeAdapter,添加你的布局的适配器,然后添加PagedList的适配器,然后添加PagedList的适配器。

ConcatAdapter ca = new ConcatAdapter();
ca.addAdaper(simpleAdapter);
ca.addAdapter(pagedListAdapter);

然后将这个mergeAdapter设置为recyclerView的适配器。

myRecyclerView.setAdapter(ca);
    
它如何能帮助解决作者的问题?
也许这可以更详细地说明,但这解决了我的问题。使用嵌套的滚动视图极大地降低了我的回收器视图的速度。然而,将嵌套的滚动视图中的额外视图放入另一个适配器(不包括原来的回收器适配器),然后合并它们,使性能和分页更容易。请看这篇文章 medium.com/dedroevelopers/...
Muhamad Jalal
Muhamad Jalal
发布于 2018-12-26
0 人赞同

为了解决这一难题,我执行了以下步骤。

1- for XML file or EndlessRecyclerViewScrollListener 没有变化

2- for 我的活动 我删除了垂直回收器的EndlessRecyclerViewScrollListener,并定义了我的NestedScrollListener实例,然后设置OnScrollChangeListener如下。

    boolean loading = true;
    int pageNumber = 1;
    NestedScrollView scroller = findViewById(R.id.nestedScroll);
    if (scroller != null) {
        scroller.setOnScrollChangeListener((NestedScrollView.OnScrollChangeListener) (v, scrollX, scrollY, oldScrollX, oldScrollY) -> {
            if (scrollY > oldScrollY) {
                Log.i(TAG, "Scroll DOWN");
            if (scrollY < oldScrollY) {
                Log.i(TAG, "Scroll UP");
            if (scrollY == 0) {
                Log.i(TAG, "TOP SCROLL");
            if (scrollY == ( v.getChildAt(0).getMeasuredHeight() - v.getMeasuredHeight() )) {
                Log.i(TAG, "BOTTOM SCROLL");
              // here where the trick is going
                if (loading){
                    pageNumber++;
                    showProgressView(mixedProgressBar);
                    // calling from adapter addToExistingList(list)
                    // with the defined Adapter instance
                    verticalAdapter.addToExistingList(getPosts(pageNumber));
                    // reset the boolean(loading) to prevent
                    // auto loading data from APi
                    loading = false;

3- 对于VerticalAdapter,我添加了以下方法。

public void addToExistingList(List<DataModel> dataModelList){
    // update oldDataModelList with newer data from pagination
    oldDataModelList.retainAll(dataModelList);
    notifyItemRangeChanged(oldDataModelList.size()-1 , dataModelList.size());

4-对于getPosts(pageNumber),在获取数据成功后重新分配布尔值(loading)。

getPosts(pageNumber)是一个从API调用数据的方法。

JsonArrayRequest arrayRequest = new JsonArrayRequest(Request.Method.GET,baseAPI,
         response1 -> {
                try {
                       // doing stuff to invoke your data
                        // re-assign loading variable to load again
                        loading = true;