模仿小米锁屏时的图片切换效果

在红米note2上看到它的锁屏后浏览屏保的效果不错，到网上查了一下，效果名字叫视差滚动，然后又查了一下， 发现其实很简单，只需要实现viewpager的setPageTransformer方法就好了。这个方法就是用来实现viewpager的切换效果的，这里只是实现了一种效果。下面是实现代码

 
mViewPager.setPageTransformer(true, new ViewPager.PageTransformer() {
    @Override
    public void transformPage(View page, float position) {
        //这里的position是有取值区间的，每个区间的意义有不同
        View view = ((LinearLayout)page).getChildAt(0);
        int pageWidth = page.getWidth();
        if (position < -1) { // [-Infinity,-1)
            // This page is way off-screen to the left.
            //居于当前屏幕左边的一页
        } else if (position <= 0) { // [-1,0]
            //当前页
            //下一页  手指往左划，position从0到-1，手指往右划，position从-1到0
            // Use the default slide transition when moving to the left page
            view.setTranslationX((pageWidth/2) * -position);
        } else if (position <= 1) { // (0,1]
            //下一页  手指往左划，position从1到0，手指往右划，position从0到1
            // Counteract the default slide transition
            view.setTranslationX((pageWidth/2) * -position);
        } else { // (1,+Infinity]
            //居于当前屏幕右边的一页
            // This page is way off-screen to the right.
        }
    }
});

注意：我在viewpager中插入的是一个linearlayout，里面有显示图片的子控件，这里只是显示图片的子控件进行x轴的移动，关于这个方法的demo有很多，效果也有很多，大家可以自行查阅

源码链接