ViewPager - get a partial view of the next page

Question

I am trying to achieve this in ViewPager

The first fragment (blue) is displayed, and the beginning of the next fragment should also be displayed, so the user understands what he can use to switch views. The idea is to scroll 20% of the screen programmatically to the left.

Any thoughts are welcome.

EDIT: This is exactly what I need: the central view should overlap both side views

Answer 1

You can try adding this to your PageAdapter:

public float getPageWidth(int position) { if (position == 0 || position == 2) { return 0.8f; } return 1f; } 

Answer 2

Try using a negative value for ViewPager.setPageMargin .

Answer 3

This function worked better than the answer marked as correct (for me anyway).

 @Override public float getPageWidth(int position) { return 0.9f; } 

Just put it in your own PagerAdapter class.

Answer 4

 viewpager.setClipToPadding(false); viewpager.setPageMargin(-50);