自定义循环滑动的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）。

 

直接上代码

  1 package com.vane.widget.cycleviewpager;
  2 
  3 import android.content.Context;
  4 import android.database.DataSetObserver;
  5 import android.support.v4.view.PagerAdapter;
  6 import android.support.v4.view.ViewPager;
  7 import android.util.AttributeSet;
  8 import android.view.View;
  9 import android.view.ViewGroup;
 10 
 11 public class CycleViewPager extends ViewPager {
 12 
 13     private InnerPagerAdapter mAdapter;
 14 
 15     public CycleViewPager(Context context) {
 16         super( context);
 17         setOnPageChangeListener( null);
 18     }
 19 
 20     public CycleViewPager(Context context, AttributeSet attrs) {
 21         super( context, attrs);
 22         setOnPageChangeListener( null);
 23     }
 24 
 25     @Override
 26     public void setAdapter(PagerAdapter arg0) {
 27         mAdapter = new InnerPagerAdapter( arg0);
 28         super.setAdapter( mAdapter);
 29         setCurrentItem( 1);
 30     }
 31 
 32     @Override
 33     public void setOnPageChangeListener(OnPageChangeListener listener) {
 34         super.setOnPageChangeListener( new InnerOnPageChangeListener( listener));
 35     }
 36 
 37     private class InnerOnPageChangeListener implements OnPageChangeListener {
 38 
 39         private OnPageChangeListener listener;
 40         private int position;
 41 
 42         public InnerOnPageChangeListener(OnPageChangeListener listener) {
 43             this.listener = listener;
 44         }
 45 
 46         @Override
 47         public void onPageScrollStateChanged(int arg0) {
 48             if(null != listener) {
 49                 listener.onPageScrollStateChanged( arg0);
 50             }
 51             if(arg0 == ViewPager.SCROLL_STATE_IDLE) {
 52                 if(position == mAdapter.getCount() - 1) {
 53                     setCurrentItem( 1, false);
 54                 }
 55                 else if(position == 0) {
 56                     setCurrentItem( mAdapter.getCount() - 2, false);
 57                 }
 58             }
 59         }
 60 
 61         @Override
 62         public void onPageScrolled(int arg0, float arg1, int arg2) {
 63             if(null != listener) {
 64                 listener.onPageScrolled( arg0, arg1, arg2);
 65             }
 66         }
 67 
 68         @Override
 69         public void onPageSelected(int arg0) {
 70             position = arg0;
 71             if(null != listener) {
 72                 listener.onPageSelected( arg0);
 73             }
 74         }
 75     }
 76 
 77     private class InnerPagerAdapter extends PagerAdapter {
 78 
 79         private PagerAdapter adapter;
 80 
 81         public InnerPagerAdapter(PagerAdapter adapter) {
 82             this.adapter = adapter;
 83             adapter.registerDataSetObserver( new DataSetObserver() {
 84 
 85                 @Override
 86                 public void onChanged() {
 87                     notifyDataSetChanged();
 88                 }
 89 
 90                 @Override
 91                 public void onInvalidated() {
 92                     notifyDataSetChanged();
 93                 }
 94 
 95             });
 96         }
 97 
 98         @Override
 99         public int getCount() {
100             return adapter.getCount() + 2;
101         }
102 
103         @Override
104         public boolean isViewFromObject(View arg0, Object arg1) {
105             return adapter.isViewFromObject( arg0, arg1);
106         }
107 
108         @Override
109         public Object instantiateItem(ViewGroup container, int position) {
110             if(position == 0) {
111                 position = adapter.getCount() - 1;
112             }
113             else if(position == adapter.getCount() + 1) {
114                 position = 0;
115             }
116             else {
117                 position -= 1;
118             }
119             return adapter.instantiateItem( container, position);
120         }
121 
122         @Override
123         public void destroyItem(ViewGroup container, int position, Object object) {
124             adapter.destroyItem( container, position, object);
125         }
126 
127     }
128 }

 

如何使用

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

 

总结

源码中你们也都看到了没有什么特别的其实就是平时讲的设计模式。以前提到的方式A我的认为并不彻底是面向对象的方式，这个固然也看你们如何理解。

若是文中有任何疑问或者不妥之处欢迎留言交流。在此也留下QQ群311536202,欢迎交流。