Android 自动无限轮播的轮播图（附源码）（通过InfiniteShufflingViewPager解决冲突）

         轮播图是绝大多数的项目都要实现的功能，因为比较常用且并不复杂，所以出现了各种各样的轮播图，今天就做一个可以自动无限轮播的轮播图。废话不多说，直接进入正题。

        注：文章末尾附项目源码下载链接。

 

        效果展示

        主要功能包括：通过Handler实现自动无限轮播、小圆点背景选择器、InfiniteShufflingViewPager解决冲突、轮播图数量为1时禁止滑动、Adapter的特殊处理等。下面先看下效果：

        

        页面布局

        以下为轮播图的页面布局文件代码：该文件中使用了自定义控件InfiniteShufflingViewPager，该控件的功能包括：1.请求父控件及祖宗控件不要拦截事件；2.解决ScrollView和ViewPager的上下滑动冲突；3.当ViewPager填充的数据为1的时候，让其不能滑动；

        注：文章末尾附InfiniteShufflingViewPager源码。  

        初始化PagerAdapter

    为ViewPager初始化数据适配器PagerAdapter，用法基本上保持一致，特殊处理两点：1.将数量设置为Integer.MAX_VALUE（Integer的最大值）；2.重新计算position（int newPosition = position % img.length）；以下为PagerAdapter的代码：

/**
 * 无限轮播的ViewPager的adapter
 * 1.将数量设置为Integer.MAX_VALUE；
 * 2.重新计算position（int newPosition = position % img.length;）
 */
PagerAdapter infiniteShufflingViewPagerAdapter = new PagerAdapter() {

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

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

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        //因为要无限轮循播放
        final int newPosition = position % img.length;

        ImageView imageView = new ImageView(context);
        imageView.setImageResource(img[newPosition]);
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        container.addView(imageView);
        return imageView;
    }

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

        初始化小圆点

        根据img的数量初始化小圆点，1.创建View；2.设置背景选择器；3.设置宽高；4.设置左外间距（除了第一个）；5.添加到容器中；6.设置都不可用（默认是可用的，即亮的）；以下为初始化小圆点的代码：

/**
 * 初始化小圆点
 */
private void initPoint() {
    if (img != null && img.length > 0) {
        for (int i = 0; i < img.length; i++) {
            //创建指示器（小白点）
            View pointView = new View(context);
            //设置背景选择器
            pointView.setBackgroundResource(R.drawable.selector_bg_point);
            //设置宽高
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(DensityUtil.dip2px(5, context), DensityUtil.dip2px(5, context));
            //设置左外间距（除了第一个）
            if (i != 0) {
                params.leftMargin = DensityUtil.dip2px(10, context);
            }

            llPointContainer.addView(pointView, params);
            //设置都不可用(默认是可用的，即亮的)
            pointView.setEnabled(false);
        }
    }
}

        以下为背景选择器的文件代码：

        shape_bg_point_disable.xml

        shape_bg_point_enable.xml

        selector_bg_point.xml

        初始化ViewPager

        最后对ViewPager进行初始化操作，实现通过Handler实现自动无限轮播、小圆点的展示、轮播图数量为1时禁止滑动等操作。以下为初始化ViewPager的代码：

/**
 * 初始化ViewPager
 */
private void initViewPager() {
    //异常处理
    if (img == null || img.length <= 0) {
        return;
    }

    //设置数据适配器
    vp.setAdapter(infiniteShufflingViewPagerAdapter);
    if (img.length > 1) {
        if (llPointContainer.getChildCount() > 0) {
            //设置到某个位置，使左右都可无限滑动
            vp.setCurrentItem(50000 + llPointContainer.getChildCount() - 50000 % llPointContainer.getChildCount());
            //设置第一个圆点默认是可用的
            llPointContainer.getChildAt(0).setEnabled(true);
            previousSelectedPosition = 0;
        }

        vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                int newPosition = position % img.length;

                //指示器：将之前的禁用，把最新的启用，更新指示器
                llPointContainer.getChildAt(newPosition).setEnabled(true);
                llPointContainer.getChildAt(previousSelectedPosition).setEnabled(false);

                //记录之前的位置和时间
                previousSelectedPosition = newPosition;
                startTime = System.currentTimeMillis();
            }

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

        //通过Handler使ViewPager无限轮播
        if (mHandler == null) {
            mHandler = new Handler() {
                @Override
                public void handleMessage(Message msg) {
                    endTime = System.currentTimeMillis();

                    if (endTime - startTime >= 2000) {
                        vp.setCurrentItem(vp.getCurrentItem() + 1);
                        //继续发送延时3秒的消息，形成内循环
                        mHandler.sendEmptyMessageDelayed(0, 3000);
                    }
                }
            };

            new Thread() {
                @Override
                public void run() {
                    //启动自动轮播逻辑（保证只执行一次）
                    mHandler.sendEmptyMessageDelayed(0, 3000);
                }
            }.start();
        }

        //当手指按住viewpager时，停止自动轮播；
        //当手指松开viewpager时，开启自动轮播；
        vp.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        //停止广告自动轮播，删除handler的所有消息
                        mHandler.removeCallbacksAndMessages(null);
                        break;
                    case MotionEvent.ACTION_CANCEL:
                        //启动广告
                        mHandler.sendEmptyMessageDelayed(0, 3000);
                        break;
                    case MotionEvent.ACTION_UP:
                        //启动广告
                        mHandler.sendEmptyMessageDelayed(0, 3000);
                        break;
                }
                return false;
            }
        });
    } else {
        //当轮播图数量为1时，禁止ViewPager滑动
        vp.setCanScroll(false);
    }
}

        小结

        以上就是轮播图的实现过程了，其它具体的实现细节，文章末尾的源码中都有详细的注解，在这里就不一一赘述了。实际开发中还是需要通过接口获取轮播图的图片，不管以哪种形式获取图片，都要注意图片的大小，防止出现OOM（Out of Memory）内存溢出异常，导致程序崩溃。

 

        附：

        项目源码下载地址

        GitHub项目地址

         InfiniteShufflingViewPager源码

        DensityUtil源码

---------------------------------------------------------------------------------------------------------------------------

早计划，早准备，早完成。 欢迎关注！交流！Star！

GitHub：https://github.com/wangyang0313

微信公众号：一个灵活的胖子MrWang

简书：https://www.jianshu.com/u/e5e733d79b96