Created
March 8, 2014 01:40
-
-
Save xalexchen/9423835 to your computer and use it in GitHub Desktop.
DepthPageTransformer
From http://developer.android.com/training/animation/screen-slide.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); | |
} | |
} | |
} |
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
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?