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;@Overrideprotected 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 {@Overridepublic int getCount() {return Integer.MAX_VALUE;}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {return arg0 == arg1;}@Overridepublic 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;}@Overridepublic 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.csdn.net/detail/tc598100922/7356467
愿这篇文章能帮到你，如有错误，还望指正，感谢。