ViewPager 循环滚动

转载请注明出处，点击此处 查看更多精彩内容。

这个功能其实很简单，看代码。
先定义一个View的集合和一个View里面显示图片的id的数组，都用集合也可以。

private List<View> viewList = new ArrayList<View>();
private int[] ids = { R.drawable.pic_1, R.drawable.pic_2, R.drawable.pic_3 };

接着创建View。

private void createView() {
	// 创建一个跟最后一个一样的放在前面
	viewList.add(createImageView(ids[ids.length - 1]));
	for (int i = 0; i < ids.length; i++) {
		viewList.add(createImageView(ids[i]));
	}
	// 创建一个跟第一个一样的放在后面
	viewList.add(createImageView(ids[0]));
}

多生成两个辅助的View，这样的一个View 集合使用ViewPage显示之后，图片1往回滚动就会显示图片3，图片3正常滚动就会显示图片1。
看起来是不是循环了呢？有人想说：你这不是瞎比比么，这样图片3滚到图片1再继续滚不还是动不了了吗？这样的问题当然要解决了，不然就不叫循环了

OnPageChangeListener myOnPageChangeListener = new OnPageChangeListener() {

	@Override
	public void onPageSelected(int arg0) {
	}

	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {
		// 无限循环滑动
		if (ids.length > 1) {// 多于一个view才会循环跳转
			if (arg0 == 0 && arg2 == 0) {
				// 切换循环更加流畅，不会出现生硬的切换感觉
				arg0 = ids.length;
				viewpager.setCurrentItem(arg0, false);
			} else if (arg0 > ids.length) {
				viewpager.setCurrentItem(1, false);
			}
		}
	}

	@Override
	public void onPageScrollStateChanged(int arg0) {
	}
};

把这个监听实例设置给ViewPage实例就好啦。
setCurrentItem(arg0, false);false表示无动画滚动，就是直接改变正在显示的View。
所以…看出来吧，到了最后一个的时候立刻无动画进入第一个，由于第一个和最后一个是一模一样的，所以看起来就像直接从最后一个有动画进入了第一个，就是循环啦。
下面贴出一份完整的代码
布局文件：

<LinearLayout 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"
    android:orientation="vertical" >

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

</LinearLayout>

Java代码：

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

public class MainActivity extends Activity {

	private ViewPager viewpager = null;
	private List<View> viewList = new ArrayList<View>();
	private int[] ids = { R.drawable.pic_1, R.drawable.pic_2, R.drawable.pic_3 };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		init();
		initViewPagerData();
	}

	private void init() {
		// 初始化界面
		viewpager = (ViewPager) findViewById(R.id.view_pager);
		// 添加事件
		viewpager.setOnPageChangeListener(myOnPageChangeListener);
	}

	private void initViewPagerData() {
		
		createView();

		viewpager.setAdapter(pagerAdapter);
		viewpager.setCurrentItem(1, false);
	}

	private void createView() {
		// 创建一个跟最后一个一样的放在前面
		viewList.add(createImageView(ids[ids.length - 1]));
		for (int i = 0; i < ids.length; i++) {
			viewList.add(createImageView(ids[i]));
		}
		// 创建一个跟第一个一样的放在后面
		viewList.add(createImageView(ids[0]));
	}

	private ImageView createImageView(int id) {
		ImageView view = new ImageView(this);
		view.setBackgroundResource(id);
		return view;
	}

	OnPageChangeListener myOnPageChangeListener = new OnPageChangeListener() {

		@Override
		public void onPageSelected(int arg0) {
		}

		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {
			// 无限循环滑动
			if (ids.length > 1) {// 多于一个view才会循环跳转
				if (arg0 == 0 && arg2 == 0) {
					// 切换循环更加流畅，不会出现生硬的切换感觉
					arg0 = ids.length;
					viewpager.setCurrentItem(arg0, false);
				} else if (arg0 > ids.length) {
					viewpager.setCurrentItem(1, false);
				}
			}
		}

		@Override
		public void onPageScrollStateChanged(int arg0) {
		}
	};

	PagerAdapter pagerAdapter = new PagerAdapter() {

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

		@Override
		public int getCount() {
			return viewList.size();
		}

		public Object instantiateItem(ViewGroup container, int position) {
			((ViewPager) container).addView(viewList.get(position));
			return viewList.get(position);
		};

		public void destroyItem(ViewGroup container, int position, Object object) {
			((ViewPager) container).removeView(viewList.get(position));
		};

	};

}