Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Set pages pre-view in ViewPager

You can help me with this? (Make preview of next page on screen) enter image description here

like image 254
Artem Avatar asked Mar 15 '23 04:03

Artem


1 Answers

Well... there is a way to do this. You need to keep 2 or 3 items in memory with:

vpPager.setOffscreenPageLimit(3); // or 2

Then, tune your viewpager like this:

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="0px"
    android:paddingLeft="24dp"
    android:paddingRight="12dp"
    android:layout_weight="1" />

Next, you need to tune these properties of the pager in the containing fragment or activity:

ViewPager vpPager = (ViewPager) view.findViewById(R.id.vpPager);
vpPager.setClipToPadding(false);
vpPager.setPageMargin(12);
// Now setup the adapter as normal

Finally, adjust the width inside the adapter:

class MyPageAdapter : FragmentStatePagerAdapter {
    @Override
    public float getPageWidth (int position) {
        return 0.93f;
    }   

    // ...
}

You can check a full example in this 2 links:

Visible Adjacent

ViewPager With Protruding Children

like image 131
Mariano Zorrilla Avatar answered Mar 23 '23 13:03

Mariano Zorrilla