Skip to main content

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

That's It you're done.

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

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...

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