ViewPager的自动循环滑动

head

在工作中或多或少的会遇到使用ViewPager的自动循环功能，对于初学者来说，这个功能实现起来并不是十分简单，所以在这里对这个功能的实现和想法简述一下，希望能够帮到读者。
（很气，本来结尾的，突然间给我清空了，很气很气）

ViewPager简述

看到这篇文章，说明对于ViewPager的简单实用：布局，初始化，Adapter设置等都已经没有问题，在这里也不做多余描述。
需要知道的，ViewPager有提供了一个切换条目方法：setCurrentItem()，并且提供两种形式：

1. setCurrentItem(int item)
2. setCurrentItem(int item , boolean smoothScroll)
   我们知道，item是使用方法想要切换的目的位置，而smoothScroll，则是判断切换是否带有动画。

ViewPager循环设想

循环，即是能从头直接滑到尾，从尾直接滑到头，而中间的相互滑动，ViewPager已经做好了所有事情。所以我们需要考虑的事情，就是如何实现从头条目直接滑到尾条目。

如上图所示，ViewPager需要展示这四张图片，在条目0右滑的时候，我们需要显示条目3，同样的，条目3左滑时，条目0需要展示出来。
由于ViewPager的机制，我们没办法在条目0的左边没有数据的时候，实现条目0右滑的完整动画。同样条目3右面没有数据时，左滑也不能实现。
也就是说，在条目0的前面需要有数据，而且应该和条目3一模一样，同样在条目3的后面需要有一条和条目0一样的条目。
突然，我有个大胆的想法：
开始就创建非常非常多的数据，将ViewPager的开始显示的位置显示在中间，这样向左向右滑动，只要不到头，就会是循环的样子。
但是，万一真的有用户给你一只滑着玩呢？别说没有，我遇到过点一个按钮十多分钟的测试。作为有志程序猿，我也不会使用这种方法。
那么先简单实现前后添加数据的想法：

这张图中，所有的数据是条目1.2.3.4，在数据的开始条目1向右滑动时，条目0展示出来，这样就实现了从头部滑动到尾部的切换效果。
尾部切换亦然。
看到这里是不是已经有想法在脑子里，就是还差一点才通？
我们既然切换到条目0，然后让他自动切换到条目4，接下来的滑动不就没有问题了吗？同理，在切换到条目5的时候，我们用代码实现切换到条目1，天呐，逻辑上完全可行！
在一通操作之后，确实实现了循环滑动，但是好像头尾衔接的时候，动画效果很不合适。所以需要使用前面说到的setCurrentItem(item,smoothScrool)，把切换动画去掉。

实现代码

//数据的头尾添加就不在这里贴代码

final int size = vp.getAdapter().getCount();

        if (3 > size) {
            //如果里面的数据不够三页，不参与轮询
            return;
        }

        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            int position;

            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                this.position = position;
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                /**
                 * state是ViewPager的滚动状态
                 * 0是停止状态，1是滚动状态
                 * 当ViewPager停止滚动的时候，我们进行无动画切换，更加流畅
                 */
                if (state == 0) {
                    if (position == 0) {
                        vp.setCurrentItem(size - 2, false);
                    } else if (position == size - 1) {
                        vp.setCurrentItem(1, false);
                    }
                }
            }
        });

自动切换

自动切换，说的高深一些，是全自动的视图切换。那是糊弄鬼的，说简单了，就是定时调用ViewPager的setCurrentItem方法。
是不是突然觉得没啥难的了？
那也原谅我将代码贴出来，不贴不舒服：

        //在上面循环代码中的`onPageSelected`方法中
            @Override
            public void onPageSelected(int position) {
                this.position = position;
                /**
                *移除切换事件，避免在用户手动切换后，可能立刻切换
                */
                handler.removeMessages(code);
                //移除事件后，重新发送事件，使切换时间控制在设置的值（dTime）上
                handler.sendEmptyMessageDelayed(code, dTime);
            }


        //使用handler接收并处理切换
        private Handler handler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                switch (msg.what) {
                    case KEY_LOOP_START:
                        if (vp != null) {
                            vp.setCurrentItem(vp.getCurrentItem() + 1);
                        }
                        break;
                }
            }
        };

END

代码量不大，逻辑也相对简单些。
看完是不是觉得之前的苦恼有些钻牛角尖？
最后，我将ViewPager的自动循环滑动做了一下封装，放在github里面，欢迎借鉴，更欢迎提出意见。

目前比较不太靠谱的github

最后的最后，手打到这里，希望各位能够顶一下。留言提意见更是感激不尽！先谢过。