Android ViewPager 图片无限滑动和根据图片数量自动生成的小圆点

先上效果图:

貌似图片太大了!

圆点的初始化位置
在viewpager.setAdapter()之前
直接看代码吧

private void initPoint() {
        pointViews = new ImageView[imageRes.length];
        // 设置对应的小圆点
        for (int x = 0; x < imageRes.length; x++) {
            ImageView iv = new ImageView(this);
            pointViews[x] = iv;
            pointViews[x].setImageResource(R.drawable.point_selector);
            pointViews[x].setPadding(10, 0, 10, 0);
            pointViews[x].setEnabled(false);
            pointGroup.addView(pointViews[x]);
        }
        pointViews[0].setEnabled(true);
    }

至于圆点就是自己画了连个实心的圆
一个是这样的
代码:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <size
        android:width="10dip"
        android:height="10dip" />
    <solid android:color="#FF0000" />

</shape>

另一个类似只是把里面的颜色换了一下而已.

然后就是设置viewpager的页面改变的监听动态的改变圆点的颜色值

mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());

以下的代码对于i取余数(下面讲为什么要取余数)

public void onPageSelected(int i) {
            i = i%imageRes.length;
            for (int x = 0; x < pointViews.length; x++) {
                pointViews[x].setEnabled(false);

                if (x == i) {
                    pointViews[x].setEnabled(true);
                }
            }
        }

这里说说为什么上面取余数的问题,其实也就是另一个问题,viewpager怎么实现无限滑动的

原理: 就是告诉Adapter我有很多个item

public int getCount() {
            return Integer.MAX_VALUE;
        }

但我实际并没有那么多,只是为了能够一直滑动而已
所以每次在用的时候就对实际图片的数量取余数,例如我的代码中的图片只有三张,取余数就是为了每次的position都在3以内,

在这里也需要这样做

public Object instantiateItem(ViewGroup container, final int position) {

            ImageView imageView = new ImageView(MainActivity.this);
            imageView.setImageResource(imageRes[position%imageRes.length]);
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            container.addView(imageView);
            imageView.setOnClickListener(new View.OnClickListener() {

                @Override
                public void onClick(View v) {
                    Toast.makeText(MainActivity.this,position%imageRes.length+"",Toast.LENGTH_SHORT).show();
                }
            });
            return imageView;

        }

好了,直接上源码吧!
源码下载