Viewpager循环加载demo

这篇文章主要是讲的如何在ViewPager中循环加载内容，这里的循环加载是指比如有5个不同的内容，从1滑到5，再滑就又到1,2,3...，从1向前滑，就回到5,4,3....

实现的核心主要利用了PagerAdapter的一些特性。

下面来说一下这个demo，我们主要从外部存储的某个文件夹下读取了一些图片（我这里面是5张），然后将这些图片放到ViewPager中进行展示，当图片向后滑完一轮，又会从第一张开始从新展示。从第一张向前滑，会滑到上一轮的最后一张，下面来看下具体实现：

由于demo比较简单，主要用到的布局有两个，一个是主界面，另一个是viewPager的每个Item的界面：

activity_main.xml 这个界面是主界面，只有一个ViewPager

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/myViewPager" />

</RelativeLayout>

item_pager.xml  这个界面是viewPager的item界面，只有一个imageView

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:contentDescription="@string/app_name"
    android:src="@drawable/ic_launcher"
    android:id="@+id/img"
    />

由于是功能实现，所以界面非常简单

这个demo的类也只有两个

SDcardUtils.java主要负责从外部存储读取图片数据

MainActivity是主要逻辑实现

我们看下MainActivity.java的内容：

public class MainActivity extends Activity {
	ViewPager pager;
	List<String> data;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		pager = (ViewPager) findViewById(R.id.myViewPager);
		data = SDcardUtils.getDataFromSDcard();
		pager.setAdapter(new MyPagerAdapter());
		pager.setCurrentItem((Integer.MAX_VALUE / 2)
				- ((Integer.MAX_VALUE / 2) % data.size()));//这句后面解释
	}

pager，data，adapter，3个必备元素，下面我们来看下adapter的具体实现：

public class MyPagerAdapter extends PagerAdapter {

		@Override
		public int getCount() {
			return Integer.MAX_VALUE;
		}

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

		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			ImageView iV = (ImageView) LayoutInflater
					.from(container.getContext())
					.inflate(R.layout.item_pager, null, false)
					.findViewById(R.id.img);
			iV.setImageBitmap(SDcardUtils.readDataFromSDcard(data.get(position
					% data.size())));
			container.addView(iV);
			return iV;
		}

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

	}

在getCount中，我们将item的数量设置为了“无限大”（整数最大值，用户通常不可能滑动这么多次），然后再给每个item赋值时，我们用的是取模的方式：

iV.setImageBitmap(SDcardUtils.readDataFromSDcard(data.get(position
					% data.size())));

比如一共有5张图，那么这里面显示的图片就是 0 % 5 ,1 % 5......6 % 5,....100 % 5,这样的话，我们就可以在滑动的时候，显示第0,1,2,3,4,0,1,2...张图片，达到循环加载的效果。
刚才上面所说的

pager.setCurrentItem((Integer.MAX_VALUE / 2)
				- ((Integer.MAX_VALUE / 2) % data.size()));

是为了能让该ViewPager从第一张开始就向前滑动考虑，设置了初始化显示的页面是中间的显示第一张图片的那个页面，这样就可以形成循环加载的效果了。
下面附上demo的下载地址： 

http://download.youkuaiyun.com/detail/tc598100922/7356467
愿这篇文章能帮到你，如有错误，还望指正，感谢。