滑动Intro Slider时动画异常，需实现ViewPager交替上下滑动动画

嘿，我来帮你实现ViewPager切换页面时交替执行上下滑动的动画需求！核心思路是通过自定义PageTransformer来控制每个页面的入场动画，结合页面索引的奇偶性来切换动画方向。

第一步：创建自定义的交替动画PageTransformer #

这个类会根据页面的索引（奇数/偶数）来决定入场时是从上到下还是从下到上滑动：

import android.view.View;
import androidx.annotation.NonNull;
import androidx.viewpager.widget.ViewPager;

public class AlternateSlideTransformer implements ViewPager.PageTransformer {
    // 定义缩放和透明度的最小值，让过渡更自然
    private static final float MIN_SCALE = 0.85f;
    private static final float MIN_ALPHA = 0.5f;

    @Override
    public void transformPage(@NonNull View page, float position) {
        // 获取当前页面在ViewPager中的索引
        int pageIndex = ((ViewPager.LayoutParams) page.getLayoutParams()).viewPagerPosition;

        // 处理页面完全滑出屏幕的情况
        if (position < -1) {
            page.setAlpha(0);
        } 
        // 处理当前页面（正在显示的页面）和左侧页面滑入的情况
        else if (position <= 0) {
            page.setAlpha(1);
            page.setTranslationX(0);
            page.setScaleX(1);
            page.setScaleY(1);
        } 
        // 处理右侧页面滑入屏幕的情况（这是我们要自定义动画的部分）
        else if (position <= 1) {
            // 添加透明度和缩放的过渡效果，提升视觉体验
            page.setAlpha(MIN_ALPHA + (1 - MIN_ALPHA) * (1 - position));
            page.setScaleX(MIN_SCALE + (1 - MIN_SCALE) * (1 - position));
            page.setScaleY(MIN_SCALE + (1 - MIN_SCALE) * (1 - position));

            // 根据页面索引交替动画方向
            if (pageIndex % 2 == 1) {
                // 奇数页：从下到上滑入（页面初始在底部，随着position减小向上移动）
                page.setTranslationY(page.getHeight() * position);
            } else {
                // 偶数页：从上到下滑入（页面初始在顶部，随着position减小向下移动）
                page.setTranslationY(-page.getHeight() * position);
            }
        } 
        // 处理页面完全滑出屏幕右侧的情况
        else {
            page.setAlpha(0);
        }
    }
}

第二步：给ViewPager设置这个动画转换器 #

在你的Activity或Fragment中，找到ViewPager实例并设置自定义的PageTransformer：

ViewPager viewPager = findViewById(R.id.your_viewpager_id); // 替换成你的ViewPager ID
// 第一个参数设为true，表示启用页面重叠效果，让动画过渡更流畅
viewPager.setPageTransformer(true, new AlternateSlideTransformer());

第三步：补全你的PagerAdapter代码 #

你提供的Adapter代码不完整，这里帮你补全必要的方法和页面逻辑：

import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;

public class mpageradapter extends FragmentPagerAdapter { 
    private final int[] Layouts; 

    public mpageradapter(FragmentManager fm, int [] Layouts) { 
        super(fm); 
        this.Layouts=Layouts; 
    } 

    @Override 
    public Fragment getItem(int position) { 
        switch (position){ 
            case 0: return new first_slide(); 
            case 1: return new second_slide(); 
            case 2: return new third_slide(); // 替换成你的第三页Fragment类
            // 更多页面请继续添加对应的case
            default: return new first_slide(); // 默认返回第一页，可根据需求调整
        } 
    } 

    // 必须重写这个方法，返回ViewPager的总页面数
    @Override
    public int getCount() {
        return Layouts.length; // 和你的Layouts数组长度保持一致
    }
}

关键逻辑说明 #

• position参数：表示当前页面相对于屏幕中心的位置。当值在0~1之间时，是右侧页面正在滑入屏幕；-1~0之间是左侧页面滑入。
• 奇偶页判断：通过pageIndex % 2来区分页面索引，奇数页用从下到上的动画，偶数页用从上到下的动画，完美实现交替效果。
• 附加效果：添加了透明度和缩放的过渡，避免动画显得生硬，让整体滑动体验更顺滑。

内容的提问来源于stack exchange，提问作者Ali Habbash