androidandroid-viewpagerandroid-pagetransformer

How can i create ViewPager with previous and next page preview, and centred one zoomed from preview


viewPager.setClipToPadding(false);
viewPagerMusicCategory.setPadding(width/3, 0, width /3, 0);
viewPagerMusicCategory.setPageMargin(40));

I got next and previous preview by above code. But now i need that zoom effect for centred page. eg

Thanks in advance


Solution

  • viewPagerMusicCategory.setPageTransformer(false, new ViewPager.PageTransformer() {
            @Override
            public void transformPage(View page, float position) {
                Log.e("pos",new Gson().toJson(position));
                if (position < -1) {
                    page.setScaleY(0.7f);
                    page.setAlpha(1);
                } else if (position <= 1) {
                    float scaleFactor = Math.max(0.7f, 1 - Math.abs(position - 0.14285715f));
                    page.setScaleX(scaleFactor);
                    Log.e("scale",new Gson().toJson(scaleFactor));
                    page.setScaleY(scaleFactor);
                    page.setAlpha(scaleFactor);
                } else {
                    page.setScaleY(0.7f);
                    page.setAlpha(1);
                }
            }
        }
    );
    

    ....