自定义viewpager的界面切换动画

最新推荐文章于 2025-08-07 17:35:28 发布

weixin_30950607

最新推荐文章于 2025-08-07 17:35:28 发布

阅读量77

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/yegong0214/p/6274967.html

本文介绍了一种自定义Viewpager界面切换动画的方法，通过创建并实现PageTransformer接口，根据不同界面的状态（position）来实现旋转动画效果。适用于Android应用开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

核心操作：
1、创建一个类实现 android.support.v4.view.ViewPager.PageTransformer 根据 position 实现判断哪个界面进行界面切换动画

public class RotatePagerPageTransFormer implements android.support.v4.view.ViewPager.PageTransformer{
        private static final float MAXRADIUS = 25f;
        // 当 viewpager 界面切换的时候调用的方法
        //page :  切换的界面
        //position :  切换的界面的状态（切换的界面包含两个界面） , 当前的界面 position 是 0 ，预加载的界面的 position 是 1 ，从右往左切换界面的时候
        // 当前界面的 position 会从 0 开始往 -1 变化，预加载界面的 position 是从 1 开始往 0 变化
        @Override
        public void transformPage(View page, float position) {
            // 实现 viewpager 的切换动画效果
            //System.out.println("viewpager 的界面切换动画状态： "+position);
            // 界面的宽度
            int width = page.getWidth();
            // 因为我们的 viewpager 的动画效果是，当前界面和预加载界面进行动画，其他界面没有动画，那如何知道应该是当前界面和预加载界面执行动画呢？可以通过 position 进行判断
            // 当前界面的 position[0,-1] 预加载界面的 position[1,0]
            // 实现界面的旋转动画效果
            // 参数：旋转的角度
            //page.setRotation(rotation);
            // 判断哪个界面需要执行动画，并执行动画
            if (position < -1) {
                // 不执行动画
                page.setRotation(0);
            }else if(position > 1){
                // 不执行动画
                page.setRotation(0);
            }else if(position < 0){
                // 符合 [0,-1] ，当前界面执行动画
                page.setRotation(position * MAXRADIUS);
                // 设置旋转的中心点坐标
                page.setPivotX(width/2);// 设置旋转中心点的 x 的坐标
                page.setPivotY(page.getHeight());
            }else if(position < 1){
                // 符合 [0,-1] ，当前界面执行动画
                page.setRotation(position * MAXRADIUS);
                // 设置旋转的中心点坐标
                page.setPivotX(width/2);// 设置旋转中心点的 x 的坐标
                page.setPivotY(page.getHeight());
            }
        }
    }

2、在viewpager所在类中调用界面切换动画

mViewPager.setPageTransformer(true, new RotatePagerPageTransFormer());

转载于:https://www.cnblogs.com/yegong0214/p/6274967.html