android viewpager动画-CFANZ编程社区

Android ViewPager动画简介

在Android应用开发中，ViewPager是一个非常常用的控件，用于实现滑动切换不同的页面。而为了提升用户体验和视觉效果，我们经常需要为ViewPager添加动画效果。本文将介绍一些常用的ViewPager动画效果，并给出相应的代码示例。

1. 基本概念

在开始讲解ViewPager动画之前，我们先来了解一下ViewPager的基本概念。ViewPager是一个可以左右滑动的控件，其中包含多个页面（Fragment或View），用户可以通过手势滑动或者点击指示器进行页面切换。ViewPager通过Adapter提供页面数据，并通过setCurrentItem方法设置当前显示的页面。

2. 常用的ViewPager动画效果

2.1 淡入淡出动画

淡入淡出动画是一种非常简单且常用的ViewPager动画效果，它通过改变页面的透明度来实现。下面是一个示例代码：

public class FadeTransformer implements ViewPager.PageTransformer {

    @Override
    public void transformPage(@NonNull View page, float position) {
        if (position <= -1 || position >= 1) {
            page.setAlpha(0f);
        } else if (position == 0) {
            page.setAlpha(1f);
        } else {
            // Fade the page out.
            page.setAlpha(1 - Math.abs(position));
        }
    }
}

在上面的代码中，我们通过实现ViewPager.PageTransformer接口来定义自己的页面转换动画。在transformPage方法中，我们根据position参数来设置页面的透明度。当position小于等于-1或大于等于1时，页面完全透明；当position等于0时，页面完全不透明；其他情况下，页面的透明度根据position的绝对值进行渐变。

要将上面的动画效果应用到ViewPager中，只需要调用ViewPager的setPageTransformer方法，并传入我们自定义的PageTransformer实例即可。

2.2 旋转动画

旋转动画是另一种常见的ViewPager动画效果，它通过改变页面的旋转角度来实现。下面是一个示例代码：

public class RotateTransformer implements ViewPager.PageTransformer {

    private static final float MIN_SCALE = 0.75f;

    @Override
    public void transformPage(@NonNull View page, float position) {
        if (position < -1) {
            page.setRotation(0);
        } else if (position <= 1) {
            float rotation = 180 * position;
            page.setRotation(rotation);
            page.setPivotX(page.getWidth() * 0.5f);
            page.setPivotY(page.getHeight() * 0.5f);

            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
            page.setScaleX(scaleFactor);
            page.setScaleY(scaleFactor);
        } else {
            page.setRotation(0);
        }
    }
}

在上面的代码中，我们同样实现了ViewPager.PageTransformer接口，并在transformPage方法中根据position参数来设置页面的旋转角度。当position小于-1时，页面不进行旋转；当position在[-1,1]之间时，页面的旋转角度根据position进行线性变化，并且通过setScaleX和setScaleY方法来实现页面的缩放效果；当position大于1时，页面不进行旋转。

2.3 滑动缩放动画

滑动缩放动画是一种结合了滑动和缩放效果的ViewPager动画效果，它可以使页面在滑动过程中进行缩放。下面是一个示例代码：

public class ScaleTransformer implements ViewPager.PageTransformer {

    private static final float MIN_SCALE = 0.85f;

    @Override
    public void transformPage(@NonNull View page, float position) {
        if (position < -1) {
            page.setScaleX(MIN_SCALE);
            page.setScaleY(MIN_SCALE);
        } else if (position <= 1) {
            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
            page.setScaleX(scaleFactor);
            page.setScaleY(scaleFactor);
        } else {
            page.setScaleX(MIN_SCALE);
            page.setScaleY(MIN_SCALE);
        }