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 SlowTransformation());
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.view.View; | |
import android.widget.ImageButton; | |
import android.widget.TextView; | |
import example.andrdoitechweb.viewpagertransformer.R; | |
public class SlowTransformation implements ViewPager.PageTransformer { | |
TextView number; | |
ImageButton github; | |
@Override | |
public void transformPage(View page, float position) { | |
number = (TextView) page.findViewById(R.id.numberTextView); | |
github = (ImageButton) page.findViewById(R.id.githubImageButton); | |
if (position < -1) { // [-Infinity,-1) | |
// This page is way off-screen to the left. | |
page.setAlpha(0); | |
} else if (position <= 1) { // [-1,1] | |
number.setTranslationX(-position * 0.5f * page.getWidth()); | |
github.setTranslationX(-position * 2.0f * page.getWidth()); | |
// // The 0.5, 1.0, 2.0, 2.5 values you see here are what makes the view move in a different speed. | |
// // The bigger the number, the faster the view will translate. | |
// // The result float is preceded by a minus because the views travel in the opposite direction of the movement. | |
} else { // (1,+Infinity] | |
// This page is way off-screen to the right. | |
page.setAlpha(0); | |
} | |
} | |
} |
I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill. Thank you so much. Multimedia 3d Animation Thrissur
ReplyDelete