If number of elements in the list greater than 5 then Fragment view pager has the wired behavior as last element of the list gets hide on scrolling till end.

Maybe some hard coded values.

i have this viewpager implemented , but if the viewpager has large number of items , and if we scroll to one end and move back then the middle items of the viewpager are getting invisible .

Thanks a million for this awesome library.

I need to make some changes in this library to achieve the following effect:

1. When there is only one item on pager, the item must be centered:
   
2. When there are more than one item, the initial screen should be like this:
   
3. When the user scrolls the pages( items greater than 1), each selected page now will be centered like this:
   

I have achieved such effect by using two kind of layout on PagerAdapter

1. View with layoutCenterInParent

2. Other View having same content as 1 but no layoutCenterInParent

   On PagerAdapter, I have made following changes

//Use this layout to inflate on instantiateItem
private int getLayoutId(int position) {
  int layoutId = getCount() > 1 ? R.layout.item_video :  
                         R.layout.item_video_center;
  return layoutId;
}
//call this method when page changes from 0 to 1 and vice versa
public boolean changeToCenter(int position) {
  if (getCount() > 1) {
    if (position == 0 && layoutId == R.layout.item_video_center) {
        layoutId = R.layout.item_video;
        notifyDataSetChanged();
        return true;
    } else if (layoutId == R.layout.item_video) {
        layoutId = R.layout.item_video_center;
        notifyDataSetChanged();
        return true;
    }
  }
  return false;
}

And on onPageChangeListener on MultiViewPager, I have made following changes

@Override
public void onPageSelected(int i) {
  boolean smoothScroll = ((VideoItemPagerAdapter) adapter).changeToCenter(i);
  if (smoothScroll)
    scrollToPosition(i);
}

private void scrollToPosition(final int i) {
  new Handler().postDelayed(new Runnable() {
    @Override
    public void run() {
      pager.setCurrentItem(i, true);
    }
  }, 0);
}

This logic gives me my desired effect but on page change from 0 to 1 and vice versa the ViewPager stutters, due to layout changes. Further, this process is resource intensive during page change from 0 to 1 and vice versa. So any smart way I can do this. Your logic or hint would be more than enough.

Hi, First of all, thank you for your hard work :). The thing is, I'm currently trying to create a carousel thanks to a ViewPager. I succeed to make a multiviewpager but by using a tricky solution :

root.post(new Runnable() {
            @Override
            public void run() {
                CarouselViewPager carousel = (CarouselViewPager) getActivity().findViewById(R.id.carousel);
                int width = root.getWidth();
                int paddingWidth = (int) (width * 0.22);
                root.setPadding(paddingWidth, 0, paddingWidth, 0);
                root.getLayoutParams().width = width-(paddingWidth*2);
                root.requestLayout();

                carousel.setPageMargin(-(paddingWidth-8)*2);
            }
        });

I saw in your sample that you set a fixed width (200dp), is it possible with your solution, to have a child item with ie : 50% of the width of the ViewPager ? Regards.

I have a MultiViewPager in my current app, I have total of 8 items and I am displaying around 5 items at a time. What I am trying to do is to make the item selected when I click on it. How can I do that ? I tried setting click listener on the Fragment's view itself passing position to it's constructor, but that is giving me erratic results. I also tried getting hold of all the view's for all the fragments and setting click listener on those, but that is giving me counts up to 5 only.

Please Help, This is an important feature for my app.

I am using this library to showing cards with images and some other content. but the problem is that when I set card's width and height to desired, the content of the card is stretched. Please tell me the solution.

Process: com.example.abc.fragmentsapplication, PID: 8443 java.lang.NullPointerException: MatchWithChildResId did not find that ID in the first fragment of the ViewPager; is that view defined in the child view's layout? Note that MultiViewPager only measures the child for index 0.

I am trying to make all the icons white except the currently selected one which will be blue. I am trying to do this using onPageChangeListener. I have added 8 Fragments and my PagerAdapter reflects the same but when I am accessing the childCount of MultiViewPager itself, it only shows 6 and crashes when I swipe my way to the right end of MultiViewPager

I tried getting hold of the fragments and their views using an array in the activity. However it is not giving me irratic behaviour. Some views get regenerated out of nowhere. I can't seem to wrap my head around it. Please Help

I need to remove the padding from each items.. And if the index of the item is 0,I need to make it to screen's leff ! I don't wanna let the first view scroll to center in screen.. Just like this:

In a simple word,I don't want the first and the last item scroll in center..

.Tell me how to do it...Thankls a lot..

I have been thinking deep into library and I am trying to make it possible to animate like facebook.

When I tap in the middle picture it will able to zoom into fullscreen. As fullscreen, it takes the width of current selected image in the center and release the bounce to the screen width and the background turns dark. Is that possible achieve this effect?

If you clone and open the project with Android Studio 3 you get this error message:

Error:Unsupported method: BaseConfig.getApplicationIdSuffix(). The version of Gradle you connect to does not support that method. To resolve the problem you can change/upgrade the target version of Gradle you connect to. Alternatively, you can ignore this exception and read other information from the model.

I tried modifying classpath 'com.android.tools.build:gradle:1.1.3' to classpath 'com.android.tools.build:gradle:3.0.0' but I get another error (Error:The "android" command is no longer included in the SDK. Any references to it (e.g. by third-party plugins) should be removed.)