常用viewpager动画效果实现

来源：互联网发布：webclient没执行js 编辑：程序博客网时间：2024/06/03 21:27

    /**     * 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);            }        }    }

0 0