How to remove fading animation in vertical ViewPager in Android

Question

Above is my issue screenshot. I just want to remove the opacity while I swipe up and down. When I swipe down, the current page turns transparent. I need to remove that transparency. Instead of extending the ViewPager, I have extended the activity. Can anyone give me solution for this issue?

public class VerticalViewPager extends Activity  {

private static final float MIN_SCALE = 0.75f;
PagerAdapter adapter;
private static final float MIN_ALPHA = 0.75f;
private boolean a;






@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.verticalviewpager);

    fr.castorflex.android.verticalviewpager.VerticalViewPager verticalViewPager = (fr.castorflex.android.verticalviewpager.VerticalViewPager) findViewById(R.id.verticalviewpager);


    adapter = new MyCustomAdapter(VerticalViewPager.this, SplashScreen.newsidArray, SplashScreen.newsdescArray, SplashScreen.newstitleArray,
            SplashScreen.newsimageArray, SplashScreen.newsdateArray, SplashScreen.newsauthorArray, SplashScreen.newsurlArray);
    verticalViewPager.setOffscreenPageLimit(1);
    verticalViewPager.setAdapter(adapter);

    verticalViewPager.setPageTransformer(false, new PageTransformer() {


        @Override
        public void transformPage(View view, float position) {
            int pageWidth = view.getWidth();
            int pageHeight = view.getHeight();

            if (position <= -1.0F) {
                view.setAlpha(1);
                Log.e("1", "test1");
            } else if (position < 0F) {
                view.setAlpha(1);
                Log.e("2", "test2");
            } else if (position >= 0F) {
                view.setAlpha(0.9F - position);
                view.setTranslationY((int) ((float) (pageHeight) * -position));
                Log.e("3", "test3" + position);
            } else if (position > 1.0F) {
                view.setAlpha(1);
                // view.setTranslationX(position < 0 ? 0f : -pageHeight * position);

                Log.e("4", "test4");
            }


        }
    });


}


}

alpha is going from 0 to 1 -- so set all (view.setAlpha(0);) to (view.setAlpha(1);) -- try and see if it helps — Tasos, Jan 04 '16 at 10:46
if i change to (view.setAlpha(1);) also same fading animation is occuring — developer, Jan 04 '16 at 10:50

score 0 · Answer 1 · answered Jan 04 '16 at 11:35

0

Please try this. And you have to confirm not using setAlpha() anywhere for page layout.(e.g. layout xml)

verticalViewPager.setPageTransformer(false, new ViewPager.PageTransformer() {

        @Override
        public void transformPage(View view, float position) {
            int pageWidth = view.getWidth();
            int pageHeight = view.getHeight();

            if (position >= 0) {
                view.setTranslationY(position < 0 ? 0f : -pageHeight * position);
            }
        }
    });

answered Jan 04 '16 at 11:35

takahirom

1,934
2
12
21

1

i need stacks transformation effect like overlapping the layout – developer Jan 04 '16 at 13:00
Have you find any solution ? – Mohd Sakib Syed May 04 '22 at 05:37

score 0 · Answer 2 · answered Apr 18 '20 at 11:28

0

I got the answer, you need to set the background for the view you are animating. By default it is transparent

android:background="#FFFFFF"

answered Apr 18 '20 at 11:28

Shubham

2,627
3
20
36

How to remove fading animation in vertical ViewPager in Android

2 Answers2