Android 使用viewpager实现无限循环(定时+手动)

这篇文章主要介绍了Android 使用viewpager实现无限循环(定时+手动)的相关资料,需要的朋友可以参考下

循环轮播的方法有两种，一种是使用定时器另外一种是使用手指拨动，相比较而言，定时器实现循环播放比较容易，只要在定时器的消息里加上简单几段代码即可，下面分别就这两种方法给大家详解，具体详情请看下文吧。

1. int count = adapter.getCount();  
2. if (count > 1) { // 多于1个，才循环  
3. int index = viewPager.getCurrentItem();  
4. index = (index + 1) % count;  
5. viewPager.setCurrentItem(index, true);  
6. } 

但如何在手指拨动时，也支持左右无限循环的功能呢?这个问题，我折腾了好久，网上资料多不可用。

比较可笑的是在适配器里，设置数量为最大值;然后，在当前位置为中间的某个值，比如：

1. public class MyAdapter extends PagerAdapter{  
2. @Override 
3. public int getCount() {  
4. return Integer.MAX_VALUE;  
5. }  
6. @Override 
7. public boolean isViewFromObject(View arg0, Object arg1) {  
8. return arg0 == arg1;  
9. }  
10. @Override 
11. public void destroyItem(View container, int position, Object object) {  
12. ((ViewPager)container).removeView(mImageViews[position % count]);  
13. }  
14. public Object instantiateItem(View container, int position) {  
15. View view = mImageViews[position % count];  
16. ((ViewPager)container).addView(view, 0);  
17. return view;  
18. }  
19. }  
20. protected void onCreate(Bundle savedInstanceState) {  
21. viewPager.setAdapter(new MyAdapter());  
22. //设置ViewPager的默认项, 设置为总数的100倍，一开始才能往左滑动  
23. viewPager.setCurrentItem(count * 100);  
24. } 

这种做法，实际上，并没有真正达到左右无限循环;只是一般情况下，很难达到边界(不可滑动)的情况。

通过查阅大量的资料，我发现ViewPager自身并不支持左右无限循环的功能，不得不说，这点真是太失败了。

由于ViewPager自身不支持，我们只能自己找方法了!下面是我实现左右无限循环的方法：

用于显示的mViews，比数据源mList，多了两个节点元素(头节点0:b和尾节点5:e用于跳转)

下图的不带箭头的红线，是mViews根据mList初始化的情况;带箭头的红线是跳转的情况。

具体代码如下：

1. public class AdapterCycle extends PagerAdapter  
2. implements ViewPager.OnPageChangeListener{  
3. private Context mContext; // 上下文  
4. private LayoutInflater mInflater; // 用于解XML  
5. private LinkedList<View> mViews; // <span style="font-family: Arial, Helvetica, sans-serif;">用于</span><span style="font-family: Arial, Helvetica, sans-serif;">显示的View</span>  
6. private List<Drawable> mList; // 数据源<span style="font-family: Arial, Helvetica, sans-serif;">Drawable</span>  
7. private ViewPager mViewPager; //页面  
8. public AdapterCycle(Context context, ViewPager viewPager,  
9. List<Drawable> list)  
10. {  
11. mContext = context;  
12. mInflater = LayoutInflater.from(context);  
13. mViewPager = viewPager;  
14. if (list != null) {  
15. //无论是否多于1个，都要初始化第一个（index:0）  
16. mViews = new LinkedList<View>();  
17. ImageView view = (ImageView) mInflater.inflate(  
18. R.layout.activity_main_item_cycle, null);  
19. Drawable drawable = list.get(list.size() - 1);  
20. view.setImageDrawable(drawable);  
21. mViews.add(view);  
22. //注意，如果不只1个，mViews比mList多两个（头尾各多一个）  
23. //假设：mList为mList[0~N-1], mViews为mViews[0~N+1]  
24. // mViews[0]放mList[N-1], mViews[i]放mList[i-1], mViews[N+1]放mList[0]  
25. // mViews[1~N]用于循环；首位之前的mViews[0]和末尾之后的mViews[N+1]用于跳转  
26. // 首位之前的mViews[0]，跳转到末尾（N）；末位之后的mViews[N+1]，跳转到首位（1）  
27. if( list.size() > 1) { //多于1个要循环  
28. for (Drawable d : list) { //中间的N个（index:1~N）  
29. ImageView v = (ImageView) mInflater.inflate(  
30. R.layout.activity_main_item_cycle, null);  
31. v.setImageDrawable(d);  
32. mViews.add(v);  
33. }  
34. //最后一个（index:N+1）  
35. view = (ImageView) mInflater.inflate(  
36. R.layout.activity_main_item_cycle, null);  
37. drawable = dList.get(0);  
38. view.setImageDrawable(drawable);  
39. mViews.add(view);  
40. }  
41. }  
42. }  
43. @Override 
44. public int getCount() {  
45. return mViews.size();  
46. }  
47. @Override 
48. public boolean isViewFromObject(View view, Object object) {  
49. return view == object;  
50. }  
51. @Override 
52. public void destroyItem(ViewGroup container, int position, Object object) {  
53. ((ViewPager) container).removeView(mViews.get(position));  
54. }  
55. @Override 
56. public Object instantiateItem(ViewGroup container, int position) {  
57. View view = mViews.get(position);  
58. container.addView(view);  
59. return view;  
60. }  
61. // 实现ViewPager.OnPageChangeListener接口  
62. @Override 
63. public void onPageSelected(int position) {  
64. LogUtils.logi(TAG, "onPageSelected:" + position);  
65. if ( mViews.size() > 1) { //多于1，才会循环跳转  
66. if ( position < 1) { //首位之前，跳转到末尾（N）  
67. position = mList.size(); //注意这里是mList，而不是mViews  
68. mViewPager.setCurrentItem(position, false);  
69. } else if ( position > mList.size()) { //末位之后，跳转到首位（1）  
70. mViewPager.setCurrentItem(1, false); //false:不显示跳转过程的动画  
71. position = 1;  
72. }  
73. }  
74. }  
75. @Override 
76. public void onPageScrolled(int position, float positionOffset,  
77. int positionOffsetPixels) {  
78. // 什么都不干  
79. }  
80. @Override 
81. public void onPageScrollStateChanged(int state) {  
82. // 什么都不干  
83. }  
84. }  
85. //在外层，将mViewPager初始位置设置为1即可  
86. if (mAdapterCycle.getCount() > 1) { //多于1个，才循环并开启定时器  
87. mViewPager.setCurrentItem(1); //将mViewPager初始位置设置为1  
88. startTimer(); //开启定时器，定时切换页面  
89. } 

这时，利用定时器，实现循环轮播，需要修改成如下：

1. int count = adapter.getCount();  
2. if (count > 2) { // 实际上，多于1个，就多于3个  
3. int index = viewPager.getCurrentItem();  
4. index = index % (count - 2) + 1; //这里修改过  
5. viewPager.setCurrentItem(index, true);  
6. }