循环轮播的方法有两种，一种是使用定时器另外一种是使用手指拨动，相比较而言，定时器实现循环播放比较容易，只要在定时器的消息里加上简单几段代码即可，下面分别就这两种方法给大家详解，具体详情请看下文吧。
|
1
2
3
4
5
6
|
int count = adapter.getCount(); if (count > 1) { // 多于1个，才循环 int index = viewPager.getCurrentItem(); index = (index + 1) % count; viewPager.setCurrentItem(index, true); } |
但如何在手指拨动时，也支持左右无限循环的功能呢？这个问题，我折腾了好久，网上资料多不可用。
比较可笑的是在适配器里，设置数量为最大值；然后，在当前位置为中间的某个值，比如：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
public class MyAdapter extends PagerAdapter{ @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } @Override public void destroyItem(View container, int position, Object object) { ((ViewPager)container).removeView(mImageViews[position % count]); } public Object instantiateItem(View container, int position) { View view = mImageViews[position % count]; ((ViewPager)container).addView(view, 0); return view; } } protected void onCreate(Bundle savedInstanceState) { viewPager.setAdapter(new MyAdapter()); //设置ViewPager的默认项, 设置为总数的100倍，一开始才能往左滑动 viewPager.setCurrentItem(count * 100); } |
这种做法，实际上，并没有真正达到左右无限循环；只是一般情况下，很难达到边界（不可滑动）的情况。
通过查阅大量的资料，我发现ViewPager自身并不支持左右无限循环的功能，不得不说，这点真是太失败了。
由于ViewPager自身不支持，我们只能自己找方法了！下面是我实现左右无限循环的方法：
用于显示的mViews，比数据源mList，多了两个节点元素（头节点0:b和尾节点5:e用于跳转）
下图的不带箭头的红线，是mViews根据mList初始化的情况；带箭头的红线是跳转的情况。
具体代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
public class AdapterCycle extends PagerAdapter implements ViewPager.OnPageChangeListener{ private Context mContext; // 上下文 private LayoutInflater mInflater; // 用于解XML private LinkedList<View> mViews; // <span style="font-family: Arial, Helvetica, sans-serif;">用于</span><span style="font-family: Arial, Helvetica, sans-serif;">显示的View</span> private List<Drawable> mList; // 数据源<span style="font-family: Arial, Helvetica, sans-serif;">Drawable</span> private ViewPager mViewPager; //页面 public AdapterCycle(Context context, ViewPager viewPager, List<Drawable> list) { mContext = context; mInflater = LayoutInflater.from(context); mViewPager = viewPager; if (list != null) { //无论是否多于1个，都要初始化第一个（index:0） mViews = new LinkedList<View>(); ImageView view = (ImageView) mInflater.inflate( R.layout.activity_main_item_cycle, null); Drawable drawable = list.get(list.size() - 1); view.setImageDrawable(drawable); mViews.add(view); //注意，如果不只1个，mViews比mList多两个（头尾各多一个） //假设：mList为mList[0~N-1], mViews为mViews[0~N+1] // mViews[0]放mList[N-1], mViews[i]放mList[i-1], mViews[N+1]放mList[0] // mViews[1~N]用于循环；首位之前的mViews[0]和末尾之后的mViews[N+1]用于跳转 // 首位之前的mViews[0]，跳转到末尾（N）；末位之后的mViews[N+1]，跳转到首位（1） if( list.size() > 1) { //多于1个要循环 for (Drawable d : list) { //中间的N个（index:1~N） ImageView v = (ImageView) mInflater.inflate( R.layout.activity_main_item_cycle, null); v.setImageDrawable(d); mViews.add(v); } //最后一个（index:N+1） view = (ImageView) mInflater.inflate( R.layout.activity_main_item_cycle, null); drawable = dList.get(0); view.setImageDrawable(drawable); mViews.add(view); } } } @Override public int getCount() { return mViews.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public void destroyItem(ViewGroup container, int position, Object object) { ((ViewPager) container).removeView(mViews.get(position)); } @Override public Object instantiateItem(ViewGroup container, int position) { View view = mViews.get(position); container.addView(view); return view; } // 实现ViewPager.OnPageChangeListener接口 @Override public void onPageSelected(int position) { LogUtils.logi(TAG, "onPageSelected:" + position); if ( mViews.size() > 1) { //多于1，才会循环跳转 if ( position < 1) { //首位之前，跳转到末尾（N） position = mList.size(); //注意这里是mList，而不是mViews mViewPager.setCurrentItem(position, false); } else if ( position > mList.size()) { //末位之后，跳转到首位（1） mViewPager.setCurrentItem(1, false); //false:不显示跳转过程的动画 position = 1; } } } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { // 什么都不干 } @Override public void onPageScrollStateChanged(int state) { // 什么都不干 } } //在外层，将mViewPager初始位置设置为1即可 if (mAdapterCycle.getCount() > 1) { //多于1个，才循环并开启定时器 mViewPager.setCurrentItem(1); //将mViewPager初始位置设置为1 startTimer(); //开启定时器，定时切换页面 } |
这时，利用定时器，实现循环轮播，需要修改成如下：
|
1
2
3
4
5
6
|
int count = adapter.getCount(); if (count > 2) { // 实际上，多于1个，就多于3个 int index = viewPager.getCurrentItem(); index = index % (count - 2) + 1; //这里修改过 viewPager.setCurrentItem(index, true); } |
