Skip to main content

GATE ANIMATION: VIEW PAGER TRANSFORMATION ANIMATION ANDROID


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 GateTransformation());



That's It you're done. Enjoy



package example.andrdoitechweb.viewpagertransformer.Transformation;
import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.View;
public class GateTransformation implements ViewPager.PageTransformer{
private String TAG = "GateAnimationn";
@Override
public void transformPage(View page, float position) {
page.setTranslationX(-position*page.getWidth());
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.setPivotX(0);
page.setRotationY(90*Math.abs(position));
}
else if (position <=1){ // (0,1]
page.setAlpha(1);
page.setPivotX(page.getWidth());
page.setRotationY(-90*Math.abs(position));
}else { // (1,+Infinity]
// This page is way off-screen to the right.
page.setAlpha(0);
}
}
}

Comments

Popular posts from this blog

Tri-States | Indeterminate Checkbox Android

Sometimes it is required to implement checkbox with 3 states Unchecked Checked Indeterminate So here is a simple example of how to implement Tri-States or you can say Indeterminate Checkbox Android First of all, make a custom class which is extend Checkbox import android.content.Context import android.util.AttributeSet import androidx.appcompat.widget.AppCompatCheckBox import com.android.tristatescheckbox.R class TriStatesCheckBox : AppCompatCheckBox { private var state = 0 constructor ( context: Context ?) : super ( context ) { init () } constructor ( context: Context ?, attrs: AttributeSet ?) : super ( context , attrs ) { init () } constructor ( context: Context ?, attrs: AttributeSet ?, defStyleAttr: Int ) : super ( context , attrs , defStyleAttr ) { init () } private fun init () { state = UNCHECKED...

HORIZONTAL FLIP ANIMATION: VIEW PAGER TRANSFORMATION ANIMATION ANDROID

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 HorizontalFlip Transformation ()); That's It you're done.

FADE OUT ANIMATION: VIEW PAGER TRANSFORMATION ANIMATION ANDROID

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 FadeOutTransformation()); That's It you're done. Enjoy