首页 > 其他 > 详细

自定义viewpager的界面切换动画

时间:2017-01-12 09:28:28      阅读:176      评论:0      收藏:0      [点我收藏+]

 核心操作:
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());

 

自定义viewpager的界面切换动画

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!