记录两个官方的ViewPager动画

废话不多说了，直接上代码

1.这个类就是一个 ViewPager 的基本实现，然后另外加上 viewPager.setPageTransformer(); 这个方法，就可以添加切换动画了，很方便

顺便记录一下，viewPager.setOffscreenPageLimit(4); 这个方法，默认是1 ，代表预加载相邻的一个页面，就是左边一个右边一个

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
        viewPager.setAdapter(new MyPagerAdapter());
        viewPager.setOffscreenPageLimit(4);
//        viewPager.setPageTransformer(true, new ZoomOutPageTransformer());
        viewPager.setPageTransformer(true, new DepthPageTransformer());
    }


    private class MyPagerAdapter extends PagerAdapter {

        private int[] images = {R.drawable.img1, R.drawable.img2,
                R.drawable.img3, R.drawable.img4};

        @Override
        public int getCount() {
            return images.length;
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = new ImageView(MainActivity.this);
            imageView.setImageResource(images[position]);
            container.addView(imageView);

            return imageView;


        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((ImageView) object);
        }
    }
}

1. 第一个动画文件类

public class ZoomOutPageTransformer implements ViewPager.PageTransformer  {


    private static final float MIN_SCALE = 0.9f;//比例设置缩放
    private static final float MIN_ALPHA = 1.0f;

    private static float defaultScale = 0.9f;

    //position 有三个值 -1 ，0 ，1  分别代表前一个 view 当前 view  下一个 view
    //一次滑动传三个 position 同时在变换，可以进行分别判断是哪个 view
    public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();
        int pageHeight = view.getHeight();

        if (position < -1) { // [-Infinity,-1)
            //这页离屏幕左边有很大的距离
            view.setAlpha(0);
            view.setScaleX(defaultScale);
            view.setScaleY(defaultScale);

        } else if (position <= 1) { // [-1,1]
            //修改默认的幻灯片过渡，以缩小页面
            float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
            float vertMargin = pageHeight * (1 - scaleFactor) / 2;
            float horzMargin = pageWidth * (1 - scaleFactor) / 2;
            if (position < 0) {
                view.setTranslationX(horzMargin - vertMargin / 2);

            } else {
                view.setTranslationX(-horzMargin + vertMargin / 2);
            }
            Log.e("wy____p","--- " + position);

            //缩小页面(在MIN_SCALE和1之间)
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

            // 相对于它的大小，使页面消失。
            view.setAlpha(MIN_ALPHA +
                    (scaleFactor - MIN_SCALE) /
                            (1 - MIN_SCALE) * (1 - MIN_ALPHA));

        } else {
            // This page is way off-screen to the right.  这一页离屏幕很远。
            view.setAlpha(0);
            view.setScaleX(defaultScale);
            view.setScaleY(defaultScale);

        }
    }

}

3.第二个动画文件类

public class DepthPageTransformer  implements ViewPager.PageTransformer {

    private static final float MIN_SCALE = 0.75f;

    public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();

        if (position < -1) {
            // This page is way off-screen to the left.
            view.setAlpha(0);

        } else if (position <= 0) { // [-1,0]
            // Use the default slide transition when moving to the left page
            view.setAlpha(1);
            view.setTranslationX(0);
            view.setScaleX(1);
            view.setScaleY(1);

        } else if (position <= 1) { // (0,1]
            // Fade the page out.
            view.setAlpha(1 - position);

            // Counteract the default slide transition
            view.setTranslationX(pageWidth * -position);

            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = MIN_SCALE
                    + (1 - MIN_SCALE) * (1 - Math.abs(position));
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

        } else { // (1,+Infinity]
            // This page is way off-screen to the right.
            view.setAlpha(0);
        }
    }
}

顺便说一句：第一个动画
在 viewPager 所在布局的根布局 加上这个属性：

android:clipChildren=”false”

android:clipChildren的意思：是否限制子View在其范围内，我们将其值设置为false后那么当子控件的高度高于父控件时也会完全显示,而不会被压缩

别忘了把 viewPager 的宽度设置一下 ，留出两边

就可以实现类似画廊的效果