RecyclerView inside viewpager

Question

I try to implement a layout like below image.

in this layout first ViewPager has fix height and second Viewpager contain RecyclerView.

How can connect scroll RecyclerView in Viewpager to NestedScrollView in parent?

I try this: nestedScrollView.isFillViewport = true but RecyclerView scroll from top of Viewpager.

@Khemraj . i want `RecyclerView` scroll by `NestedScrollView` — Saman, Jul 30 '18 at 10:06
Okay, you want `NestedScrolling` false, that will also make RecyclerView `wrap_content`. Complicated question, need to do some work. — Khemraj Sharma, Jul 30 '18 at 10:07
People who don't understand question, they down-vote it. Weird! — Khemraj Sharma, Jul 30 '18 at 10:11
@Khemraj . I really don't understand why get two negative vote — Saman, Jul 30 '18 at 10:13
It looks like NestedScrollView needs to have only one element inside of it. So you could use LinearLayout inside of NestedScrollView to wrap all things inside it by its turn. Take a look if it works. — Dimitri Leite, Aug 04 '20 at 17:08

score 3 · Accepted Answer · answered Jul 30 '18 at 10:10

I have faced this issue some time ago. Where you want RecyclerView to be Scrolled by NestedScrollView. And nestedScrollingEnabled will not help you because RecyclerView is inside ViewPager.

Solution You can customize the ViewPager to resize the ViewPager to it's current page size on page swipe from this answer.

You can use the following code:

 public class WrapContentViewPager extends ViewPager {

        private int mCurrentPagePosition = 0;

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

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

        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        try {
             boolean wrapHeight = MeasureSpec.getMode(heightMeasureSpec) == MeasureSpec.AT_MOST;
             if (wrapHeight) {
                 View child = getChildAt(mCurrentPagePosition);
                 if (child != null) {
                 child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
                 int h = child.getMeasuredHeight();

                 heightMeasureSpec = MeasureSpec.makeMeasureSpec(h, MeasureSpec.EXACTLY);
                }
            }
    } catch (Exception e) {
        e.printStackTrace();
    }
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

        public void reMeasureCurrentPage(int position) {
            mCurrentPagePosition = position;
            requestLayout();
        }
    }

Declare it in xml:

    <your.package.name.WrapContentViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    </your.package.name.WrapContentViewPager>

After that call reMeasureCurrentpage function on page swipe.

    final WrapContentViewPager wrapContentViewPager = (WrapContentViewPager) findViewById(R.id.view_pager);

    wrapContentViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

                }

                @Override
                public void onPageSelected(int position) {
                    wrapContentViewPager.reMeasureCurrentPage(wrapContentViewPager.getCurrentItem());
                }

                @Override
                public void onPageScrollStateChanged(int state) {

                }
            });

Also set android:nestedScrollingEnabled="false" to your RecyclerView.

Thanks for the help. but in my application min sdk is 19 and `android:nestedScrollingEnabled="false` require 21 — Saman, Jul 30 '18 at 10:19
Just place this in xml android:nestedScrollingEnabled, and try below 19 api with above answer. — Khemraj Sharma, Jul 30 '18 at 10:23
When `isFillViewport` set `false` for `NestedScrollView` `Viewpager` doesn't show `RecyclerView` and with set `isFillViewport=true` `RecyclerView` not scroll at all. — Saman, Jul 30 '18 at 10:38
set `wrap_content` for `height` custom `ViewPager` but `RecyclerView` don't display — Saman, Jul 30 '18 at 10:47
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/177011/discussion-between-khemraj-and-saman). — Khemraj Sharma, Jul 30 '18 at 10:50

score 1 · Answer 2 · answered Jul 30 '18 at 10:08

1

Set these line on your RecyclerView in XML

android:nestedScrollingEnabled="false"
android:height="wrap_content"

answered Jul 30 '18 at 10:08

Harish Kamboj

887
12
32

In my case min sdk is 19 – Saman Jul 30 '18 at 10:14
Then this answer: https://stackoverflow.com/questions/43287798/api-19-scrollview-no-momentum#43333754 can solve your problem. – Harish Kamboj Jul 30 '18 at 10:17

score 0 · Answer 3 · answered Jul 30 '18 at 10:11

0

Make your layout like this will work

answered Jul 30 '18 at 10:11

Shubham Vala

1,024
7
18

RecyclerView inside viewpager

3 Answers3

Linked