自定义控件 - ViewPager页面指示器，轮播小圆点效果，具有三种风格

本文链接：https://blog.csdn.net/u013254166/article/details/79026116

转载请标明出处：http://blog.csdn.net/u013254166/article/details/79026116
本文出自: 【rhino博客】

分享一个控件，可用于ViewPager页面指示器，使用起来非常简单方便。支持横向、纵向两种布局，可以xml设置也可以动态设置。支持三种模式Mode：

INSIDE: 滚动的小圆点被遮住，在整个圆点视图的背后滚动。

OUTSIDE: 滚动的小圆点在整个圆点视图的上面滚动。

SOLO: 没有滚动动画效果，直接选中。

viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
	@Override
	public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
		mCircleIndicator1.setPosition(position, positionOffset);
		mCircleIndicator2.setPosition(position, positionOffset);
		mCircleIndicator3.setPosition(position, positionOffset);
	}

	@Override
	public void onPageSelected(int position) {
		mCircleIndicator4.setPosition(position);
	}

	@Override
	public void onPageScrollStateChanged(int state) {
	}
});

Demo采用ViewPager演示，也适用于RecyclerView，移植性强，拷贝到工程里面就能用。只需要在对应的回调接口CircleIndicator的setPosition方法即可。

注意这里有两个setPosition方法：

/**
 * This method will be invoked when the dest page is selected.
 *
 * @param position The position of current page selected.
 */
public void setPosition(int position)

这个接口调用后立即选中，并刷新视图。

/**
 * This method will be invoked when the current page is scrolled, either as part
 * of a programmatically initiated smooth scroll or a user initiated touch scroll.
 *
 * @param position The position of next page that will be show.
 * @param positionOffset Value from [0, 1) indicating the offset from the page at position.
 * @see Mode#INSIDE
 * @see Mode#OUTSIDE
 */
public void setPosition(int position, float positionOffset)

这个接口用于显示动画效果，前提是Mode必须为INSIDE或OUTSIDE，这里的参数直接仿造ViewPager.OnPageChangeListener.onPageScrolled方法：

position: 接下来将选中的页面索引。

positionOffset: 滚动到下一个页面的百分比，取值为[0, 1)。如果页面向前滑动positionOffset 从1.0减至0，如果页面向后滑动positionOffset 从0加至1.0。

最后附上源码下载链接，点击下载。