自定义循环滑动的viewpager

今天和大家分享一下如何定制一个可以循环滑动的viewpager。其实今天更重要的提供一种组件化思想，当然你可以理解为面向对象思想。

吐槽一下网上流行的实现方式吧(为了方便说明,下文称之为方式A)，方式A是重写adapter的getCount方法，返回一个很大的数（值为max），adapter中的getView方法中的position重新根据实际数量取模，把viewpager设置在max二分之一的位置。因为这个值很大所以基本不可能滑动到position=0或者position=max的位置，不过确切来说这并不是无限循环，采用脚本之类的应该可以滑动到边界（没有试验过）。

我们的需求

快速把之前viewpager相关的代码改成无限循环。

这个需求很简单就是在已有的代码上完成无限循环。当然你可以根据方式A来完成，它是通过适配器来完成无限循环的，不过这种方式你需要改的代码并不少，毕竟你得改适配器。

本文需要提供的方式B就登场了，好处在于不用改你的adapter，只需要把你的viewpager改成本文中的组件CycleViewPager就可以了，其他的都不用改。

原理

CycleViewPager继承ViewPager。当向右翻页（文中指的向右翻页是指手指由右向左滑，向左翻页反之），数据滑动到最后一条数据时调用setCurrentItem（0）返回第一条，当向左翻页，数据滑动到第一条数据时setCurrentItem（getCount()-1）返回到最后一条数据。在设置数据的时候需要多生成两条数据，比如原始数据是[a,b,c,d,e]，那么生成的数据为[e,a,b,c,d,e,a],原始数据第一条前面加了最后一条数据e，原始数据的最后一条的后面加了原始数据的第一条数据a。从a滑到e时，继续向右翻页那么就到了数据a（最右边的那个a），停止滑动时调用setCurrentItem（1）返回第一条数据a（最左边的那个a）；从e滑动到a时，继续向左翻页那么就到了数据e（做左边的那个e），停止滑动时调用setCurrentItem（5）。

直接上代码

 package com.vane.widget.cycleviewpager;

 import android.content.Context;
 import android.database.DataSetObserver;
 import android.support.v4.view.PagerAdapter;
 import android.support.v4.view.ViewPager;
 import android.util.AttributeSet;
 import android.view.View;
 import android.view.ViewGroup;

 public class CycleViewPager extends ViewPager {

     private InnerPagerAdapter mAdapter;

     public CycleViewPager(Context context) {
         super( context);
         setOnPageChangeListener( null);
     }

     public CycleViewPager(Context context, AttributeSet attrs) {
         super( context, attrs);
         setOnPageChangeListener( null);
     }

     @Override
     public void setAdapter(PagerAdapter arg0) {
         mAdapter = new InnerPagerAdapter( arg0);
         super.setAdapter( mAdapter);
         setCurrentItem( 1);
     }

     @Override
     public void setOnPageChangeListener(OnPageChangeListener listener) {
         super.setOnPageChangeListener( new InnerOnPageChangeListener( listener));
     }

     private class InnerOnPageChangeListener implements OnPageChangeListener {

         private OnPageChangeListener listener;
         private int position;

         public InnerOnPageChangeListener(OnPageChangeListener listener) {
             this.listener = listener;
         }

         @Override
         public void onPageScrollStateChanged(int arg0) {
             if(null != listener) {
                 listener.onPageScrollStateChanged( arg0);
             }
             if(arg0 == ViewPager.SCROLL_STATE_IDLE) {
                 if(position == mAdapter.getCount() - 1) {
                     setCurrentItem( 1, false);
                 }
                 else if(position == 0) {
                     setCurrentItem( mAdapter.getCount() - 2, false);
                 }
             }
         }

         @Override
         public void onPageScrolled(int arg0, float arg1, int arg2) {
             if(null != listener) {
                 listener.onPageScrolled( arg0, arg1, arg2);
             }
         }

         @Override
         public void onPageSelected(int arg0) {
             position = arg0;
             if(null != listener) {
                 listener.onPageSelected( arg0);
             }
         }
     }

     private class InnerPagerAdapter extends PagerAdapter {

         private PagerAdapter adapter;

         public InnerPagerAdapter(PagerAdapter adapter) {
             this.adapter = adapter;
             adapter.registerDataSetObserver( new DataSetObserver() {

                 @Override
                 public void onChanged() {
                     notifyDataSetChanged();
                 }

                 @Override
                 public void onInvalidated() {
                     notifyDataSetChanged();
                 }

             });
         }

         @Override
         public int getCount() {
             return adapter.getCount() + 2;
         }

         @Override
         public boolean isViewFromObject(View arg0, Object arg1) {
             return adapter.isViewFromObject( arg0, arg1);
         }

         @Override
         public Object instantiateItem(ViewGroup container, int position) {
             if(position == 0) {
                 position = adapter.getCount() - 1;
             }
             else if(position == adapter.getCount() + 1) {
                 position = 0;
             }
             else {
                 position -= 1;
             }
             return adapter.instantiateItem( container, position);
         }

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

     }
 }

如何使用

使用方法和viewPager是一样一样的，你就认为是viewpager来使用就可以了。源码你可以在github上取https://github.com/vanezkw/cycleviewpager.git

总结

源码中大家也都看到了没有什么特别的其实就是平时讲的设计模式。之前提到的方式A个人认为并不完全是面向对象的方式，这个当然也看大家如何理解。