Skip to main content

SLOW 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 SlowTransformation());

That's It you're done.

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);
}
}
}

Comments

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

Post a Comment

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