迁移到 viewpager2 不加载所有上一页和下一页边界视图以及 viewpager2 中 getPageWidth() 的等效方法是什么

Question

I m migrating Viewpager to Viewpager2, after loading view using Viewpager2 showing only one item first from the list , list has 8- 9 items and if i scroll able to see 2nd item coming and siting in first item gets overlapping.

Can any one help how to fix above issue in Viewpager2, I need all items to be displayed when loading and when i scroll horizontally without overlapping.

In view pager we use to use getPageWidth() code for ViewPager with previous and next page boundaries view in one screen. and now in Viewpager2 hat is the equivalent method for having same effect Any help is appreciated!

Answer 1

There are two ways we can choose any one from below:

solution1 - MarginPageTransformer introduced to provide an ability to create space between pages (outside of page inset).

        mBinding.viewPager.setPageTransformer(new MarginPageTransformer(30));

solution2 - custom setPageTrarnsformer

        float pageMargin = getResources().getDimensionPixelOffset(R.dimen.pageMargin);
        float pageOffset = getResources().getDimensionPixelOffset(R.dimen.offset);

        mBinding.viewPager.setPageTransformer((page, position) -> {
            Log.d(TAG,"position: "+position + " pageOffset: "+ pageOffset + " pageMargin:"+ pageMargin);
            float myOffset = position * -(2 * pageOffset + pageMargin);
            Log.d(TAG,"myOffset: "+myOffset);
            if (mBinding.viewPager.getOrientation() == ViewPager2.ORIENTATION_HORIZONTAL) {
                if (ViewCompat.getLayoutDirection(mBinding.viewPager) == ViewCompat.LAYOUT_DIRECTION_RTL) {
                    page.setTranslationX(-myOffset);
                } else {
                    page.setTranslationX(myOffset);
                }
            } else {
                page.setTranslationY(myOffset);
            }
        });

dimens.xml
 <dimen name="pageMargin">30dp</dimen>
    <dimen name="offset">40dp</dimen>