Skip to content

Instantly share code, notes, and snippets.

@xalexchen
Created March 8, 2014 01:40
Show Gist options
  • Save xalexchen/9423835 to your computer and use it in GitHub Desktop.
Save xalexchen/9423835 to your computer and use it in GitHub Desktop.
public class DepthPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position <= 0) { // [-1,0]
// Use the default slide transition when moving to the left page
view.setAlpha(1);
view.setTranslationX(0);
view.setScaleX(1);
view.setScaleY(1);
} else if (position <= 1) { // (0,1]
// Fade the page out.
view.setAlpha(1 - position);
// Counteract the default slide transition
view.setTranslationX(pageWidth * -position);
// Scale the page down (between MIN_SCALE and 1)
float scaleFactor = MIN_SCALE
+ (1 - MIN_SCALE) * (1 - Math.abs(position));
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}
}
}
@wal-kumail
Copy link

when i slide page to left the next page will zoom out, but when slide right the prev page is overlapping the current page.

I wan the same effect whether sliding right or left. i have try to work around but no success can you help me?

@akprats33
Copy link

You should pass true for reverseDrawingOrder when setting the transformer on the viewpager.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment