常用viewpager动画效果实现

最新推荐文章于 2020-02-23 19:21:29 发布

丶如一

最新推荐文章于 2020-02-23 19:21:29 发布

阅读量441

点赞数

分类专栏：实用工具文章标签： viewpager 动画 android

本文链接：https://blog.youkuaiyun.com/daisywangyy/article/details/49360805

版权

实用工具专栏收录该内容

43 篇文章

订阅专栏

    /**
     * position参数指明给定页面相对于屏幕中心的位置。它是一个动态属性，会随着页面的滚动而改变。当一个页面填充整个屏幕是，它的值是0，
     * 当一个页面刚刚离开屏幕的右边时
     * ，它的值是1。当两个也页面分别滚动到一半时，其中一个页面的位置是-0.5，另一个页面的位置是0.5。基于屏幕上页面的位置
     * ，通过使用诸如setAlpha
     * ()、setTranslationX()、或setScaleY()方法来设置页面的属性，来创建自定义的滑动动画。
     */

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

    // 中心旋转效果
    public class CenterCircleformer implements ViewPager.PageTransformer {
        @Override
        public void transformPage(View view, float position) {
            if (position < 0 && position > -1) {
                view.setScaleX(1 + position);
                view.setAlpha(1 + position);
                view.setTranslationX(-view.getMeasuredWidth() * position);
            } else if (position < 1 && position > 0) {
                view.setScaleX(1 - position);
                view.setAlpha(1 - position);
                view.setTranslationX(-view.getMeasuredWidth() * position);
            }
        }
    }

    // 压缩效果
    public class Compressformer implements ViewPager.PageTransformer {
        @Override
        public void transformPage(View view, float position) {
            if (position < 0  && position > -1) {
                view.setScaleX(1 + position);
                view.setAlpha(1 + position);
                view.setTranslationX( - view.getMeasuredWidth()* position/2);

            } else if (position < 1 && position > 0) {
                view.setScaleX(1 - position);
                view.setAlpha(1 - position);
                view.setTranslationX( - view.getMeasuredWidth()*position/2);
            }
        }
    }

    // 立方体
    public class CubeRotateformer implements ViewPager.PageTransformer {
        @Override
        public void transformPage(View view, float position) {
            if (position < 0  && position > -1) {
                view.setPivotX(view.getMeasuredWidth());
                view.setPivotY(view.getMeasuredHeight() * 0.5f);
                view.setRotationY(90f * position);

            } else if (position < 1 && position > 0) {
                view.setPivotX(0);
                view.setPivotY(view.getMeasuredHeight() * 0.5f);
                view.setRotationY(90f * position);
            }
        }
    }

    // 由下往上显示
    public class Depthformer implements ViewPager.PageTransformer {
        @Override
        public void transformPage(View view, float position) {
            if (position < 1 && position > 0) {
                view.setScaleX(1 - position/4);
                view.setScaleY(1 - position/4);
                view.setAlpha(1 - position);
                view.setTranslationX(-view.getMeasuredWidth()*position/2);
            }
        }
    }