Viewpager无限循环

 

 

目前情况在不修改源码的情况下，当ViewPager滑动到最后一个item的时候，他就无法再往右滑动；当ViewPager滑动到第一个item的时候，他也无法再往前滑动。（以上全是废话）
设想我们可以这样想，当滑动最后一个的时候，我们让他跳转到第一个，这样他就可以继续往后滑动了，这样做行程了我们想要的循环滑动。
如果这样作，虽然功能上是循环了，但是实际显示的时候会在最后一个和第一个之间自动跳转。
优化我们可以在原来的链表中首尾各增加一个假的item，用多余的两个item来作跳转的动作，这样就可以避免出现自动跳转的错误画面了。请看下面演示。
我们要显示的是下面A、B、C画面，位置分别是0、1、2.




实际上，我们添加数据的时候，多添加了2个。在位置0添加了最后一个界面C，在位置4添加了第一个界面A。

当界面滑动到位置3的时候，他还可以往右滑动，这样给人的感觉就是循环的。但，当滑动到位置4的时候，他右边没有了，这样岂不是露馅了？所以，当滑动到位置4的时候，立刻跳转到位置1。因为他们是同样的数据，所以从显示效果是看不出跳转了的，这样实际上我们就变成了位置1，这样就又可以继续往右滑动了。
重复上面条件的判断，这样就实现了往右的循环，往左也是同样的道理。
代码分析在onPageSelected里面做条件判断，在onPageScrollStateChanged里面做跳转。关键代码如下：
初始化，首尾各增加一个item。

1. // 增加第1个界面,实际上他显示的是最后一个界面
2. addTextView(POINT_LENGTH - 1);
3. // 增加实际显示的2、3、4界面
4. for (int i = 0; i < 3; i++) {
5. addTextView(i);
6. addPoint(i);
7. }
8. // 增加最后的第5个界面，实际上他显示的是第一个界面
9. addTextView(0);

复制代码

条件判断：

1. @Override
2. public void onPageSelected(int pPosition) {
3. mIsChanged = true;
4. if (pPosition > POINT_LENGTH) {
5. mCurrentPagePosition = FIRST_ITEM_INDEX;
6. } else if (pPosition < FIRST_ITEM_INDEX) {
7. mCurrentPagePosition = POINT_LENGTH;
8. } else {
9. mCurrentPagePosition = pPosition;
10. }
11. Log.i(TAG,"当前的位置是"+mCurrentPagePosition);
12. setCurrentDot(mCurrentPagePosition);
13. }

复制代码

跳转：

1. @Override
2. public void onPageScrollStateChanged(int pState) {
3. if (ViewPager.SCROLL_STATE_IDLE == pState) {
4. if (mIsChanged) {
5. mIsChanged = false;
6. mViewPager.setCurrentItem(mCurrentPagePosition, false);
7. }
8. }
9. }

复制代码

完整的逻辑如下：

1. package com.ahacool.circleviewpager;
2. import java.util.ArrayList;
3. import android.app.Activity;
4. import android.os.Bundle;
5. import android.support.v4.view.PagerAdapter;
6. import android.support.v4.view.ViewPager;
7. import android.support.v4.view.ViewPager.OnPageChangeListener;
8. import android.util.Log;
9. import android.view.Gravity;
10. import android.view.View;
11. import android.view.ViewGroup;
12. import android.widget.ImageView;
13. import android.widget.LinearLayout.LayoutParams;
14. import android.widget.TextView;
15. /**
16. * @ClassName MainActivity
17. * @Description 循环滑动viewpager的一种方法，滑动很流畅。实现方法：在实际显示的界面头和尾分别增加一个界面。
18. * @author Moto
19. * @date 2014 2014-7-18
20. *
21. */
22. public class MainActivity extends Activity implements OnPageChangeListener {
23. private ViewPager mViewPager;
24. private ViewGroup mPointViewGroup;
25. private ArrayList<View> mViewPagerList;
26. private boolean mIsChanged = false;
27. private int mCurrentPagePosition = FIRST_ITEM_INDEX;
28. private int mCurrentIndex;
29. private static final int POINT_LENGTH = 3;
30. private static final int FIRST_ITEM_INDEX = 1;
31. private static final String TAG = "MOTO";
32. @Override
33. protected void onCreate(Bundle savedInstanceState) {
34. super.onCreate(savedInstanceState);
35. setContentView(R.layout.activity_main);
36. initUI();
37. }
38. private void initUI() {
39. mViewPager = (ViewPager) findViewById(R.id.viewpager);
40. mPointViewGroup = (ViewGroup) findViewById(R.id.point_layout);
41. mViewPagerList = new ArrayList<View>();
42. // 增加第1个界面,实际上他显示的是最后一个界面
43. addTextView(POINT_LENGTH - 1);
44. // 增加实际显示的2、3、4界面
45. for (int i = 0; i < 3; i++) {
46. addTextView(i);
47. addPoint(i);
48. }
49. // 增加最后的第5个界面，实际上他显示的是第一个界面
50. addTextView(0);
51. PagerAdapter pagerAdapter = new CustomPagerAdapter(mViewPagerList);
52. mViewPager.setAdapter(pagerAdapter);
53. mViewPager.setOnPageChangeListener(this);
54. mViewPager.setCurrentItem(mCurrentPagePosition, false);
55. }
56. private void addTextView(int pIndex) {
57. TextView textview = new TextView(this);
58. textview.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
59. textview.setGravity(Gravity.CENTER);
60. textview.setText("这是第" + (pIndex + 1) + "个页面");
61. textview.setTextSize(50);
62. mViewPagerList.add(textview);
63. }
64. private void addPoint(int pIndex) {
65. ImageView pointImageView = new ImageView(this);
66. LayoutParams layoutParams = new LayoutParams(20, 20);
67. layoutParams.setMargins(10, 0, 10, 0);
68. pointImageView.setLayoutParams(layoutParams);
69. pointImageView.setBackgroundResource(R.drawable.point_style);
70. if (0 == pIndex) {
71. pointImageView.setEnabled(false);
72. }
73. mPointViewGroup.addView(pointImageView);
74. }
75. private void setCurrentDot(int positon) {
76. // 界面实际显示的序号是第1, 2, 3。而点的序号应该是0, 1, 2.所以减1.
77. positon = positon - 1;
78. if (positon < 0 || positon > mViewPagerList.size() - 1 || mCurrentIndex == positon) {
79. return;
80. }
81. mPointViewGroup.getChildAt(positon).setEnabled(false);
82. mPointViewGroup.getChildAt(mCurrentIndex).setEnabled(true);
83. mCurrentIndex = positon;
84. }
85. @Override
86. public void onPageScrollStateChanged(int pState) {
87. if (ViewPager.SCROLL_STATE_IDLE == pState) {
88. if (mIsChanged) {
89. mIsChanged = false;
90. mViewPager.setCurrentItem(mCurrentPagePosition, false);
91. }
92. }
93. }
94. @Override
95. public void onPageScrolled(int arg0, float arg1, int arg2) {
96. }
97. @Override
98. public void onPageSelected(int pPosition) {
99. mIsChanged = true;
100. if (pPosition > POINT_LENGTH) {
101. mCurrentPagePosition = FIRST_ITEM_INDEX;
102. } else if (pPosition < FIRST_ITEM_INDEX) {
103. mCurrentPagePosition = POINT_LENGTH;
104. } else {
105. mCurrentPagePosition = pPosition;
106. }
107. Log.i(TAG,"当前的位置是"+mCurrentPagePosition);
108. setCurrentDot(mCurrentPagePosition);
109. }
110. }

复制代码