Here I am sharing you a View Pager Transformation Animation Class
By Which you can give a transformation animation to you view Pager
First of all, create a simple view pager example.
If you don't know how to create an example for simple view pager then click below link for creating simple view pager example in android
Simple View Pager Example in Android
Copy below class and Paste into your project
Set Page Transformer to your view pager like below
viewpager.setPageTransformer(true, new HorizontalFlipTransformation());
That's It you're done.
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
package example.andrdoitechweb.viewpagertransformer.Transformation; | |
import android.support.v4.view.ViewPager; | |
import android.util.Log; | |
import android.view.View; | |
public class HorizontalFlipTransformation implements ViewPager.PageTransformer { | |
@Override | |
public void transformPage(View page, float position) { | |
page.setTranslationX(-position*page.getWidth()); | |
page.setCameraDistance(20000); | |
if (position < 0.5 && position > -0.5){ | |
page.setVisibility(View.VISIBLE); | |
} | |
else { | |
page.setVisibility(View.INVISIBLE); | |
} | |
if (position < -1){ // [-Infinity,-1) | |
// This page is way off-screen to the left. | |
page.setAlpha(0); | |
} | |
else if (position <= 0 ){ // [-1,0] | |
page.setAlpha(1); | |
page.setRotationX(180*(1-Math.abs(position)+1)); | |
Log.e("HORIZONTAL", "position <= 0 " + (180 * (1 - Math.abs(position) + 1))); | |
} | |
else if (position <= 1){ // (0,1] | |
page.setAlpha(1); | |
page.setRotationX(-180*(1-Math.abs(position)+1)); | |
Log.e("HORIZONTAL", "position <= 1 " + (-180 * (1 - Math.abs(position) + 1))); | |
} | |
else { // (1,+Infinity] | |
// This page is way off-screen to the right. | |
page.setAlpha(0); | |
} | |
} | |
} |
Comments
Post a Comment