打造绚丽的ViewPager

打造绚丽的ViewPager

标签： Android

对于ViewPager,我们都很熟悉，这个空间Google已为我们封装好，我们只需要简单的使用就可以，但是默认情况下就是一个水平移动的效果，过于单调，今天来学习下如何打造绚丽的ViewPager,实现动画效果。

just do it!

其实Google已经为我们提供了这样一个动画接口，我们只需要实现这个接口，然后编写我们需要的动画就可以了.

/**
* A PageTransformer is invoked whenever a visible/attached page is scrolled.
* This offers an opportunity for the application to apply a custom transformation
* to the page views using animation properties.
*
* <p>As property animation is only supported as of Android 3.0 and forward,
* setting a PageTransformer on a ViewPager on earlier platform versions will
* be ignored.</p>
*/
public interface PageTransformer {
/**
* Apply a property transformation to the given page.
*
* @param page Apply the transformation to this page
* @param position Position of page relative to the current front-and-center
*                 position of the pager. 0 is front and center. 1 is one full
*                 page position to the right, and -1 is one page position to the left.
*/
public void transformPage(View page, float position);
}

这个接口是在ViewPager内部的私有接口，这个是Google官方的源码，对于开发的我们来说，小小的注释肯定是难不倒我们的，我们都懂得哈！

在此附上一篇很详细的讲解transformPage()方法的两个参数的文章，也省的我在绘图了。 蹦跶的小码哥，这篇文章通俗易懂，so easy！！

然后就是为ViewPager实现这个接口了，真的是很简单，一行代码就搞定，

ViewPager.setPageTransformer()方法就欧拉！！

mViewPager = (ViewPager) findViewById(R.id.vp);
mViewPager.setPageTransformer(true,mTransformer);
ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
mViewPager.setAdapter(adapter);

源码在此！！

一个实现了几个简单动画效果的ViewPager的源码