Android ViewPager实现无限循环的实例

ViewPager自身并不支持左右无限循环的功能，这里就提供一种方案让Android ViewPager实现左右无限循环的功能，这里记录下：

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

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

首先还是布局文件：

<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" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" > </android.support.v4.view.ViewPager> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignBottom="@id/viewpager" android:background="#33000000" android:orientation="vertical" android:padding="5dip" > <TextView android:id="@+id/tv_image_description" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="第一个引导页面" android:textColor="@android:color/white" android:textSize="14sp" /> <LinearLayout android:id="@+id/ll_points" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="5dip" android:layout_gravity="center_horizontal" android:orientation="horizontal" > </LinearLayout> </LinearLayout> </RelativeLayout>

接下来是MainActivity：

package com.example.viewpagertest; 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 implements OnPageChangeListener { private List<ImageView> imageViewList; private ViewPager mViewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setView(); initView(); } public void setView() { setContentView(R.layout.activity_splash_viewpager); } public void initView() { mViewPager = (ViewPager) findViewById(R.id.viewpager); prepareData(); ViewPagerAdapter adapter = new ViewPagerAdapter(); mViewPager.setAdapter(adapter); mViewPager.setOnPageChangeListener(this); } private void prepareData() { imageViewList = new ArrayList<ImageView>(); int[] imageResIDs = getImageResIDs(); ImageView iv; for (int i = 0; i < imageResIDs.length; i++) { iv = new ImageView(this); iv.setBackgroundResource(imageResIDs[i]); imageViewList.add(iv); } } /** * 在此处本来是5张图片，现在在数组首尾各加了一张图 * @return */ private int[] getImageResIDs() { return new int[]{ R.drawable.pic_02, R.drawable.bg1, R.drawable.bg2, R.drawable.bg3, R.drawable.pic_01, R.drawable.pic_02, R.drawable.bg1, }; } class ViewPagerAdapter extends PagerAdapter { @Override public int getCount() { return imageViewList.size(); } /** * 判断出去的view是否等于进来的view 如果为true直接复用 */ @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } /** * 销毁预加载以外的view对象, 会把需要销毁的对象的索引位置传进来就是position */ @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(imageViewList.get(position)); } /** * 创建一个view */ @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(imageViewList.get(position)); return imageViewList.get(position); } } @Override public void onPageScrollStateChanged(int arg0) { } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageSelected(int position) { if ( imageViewList.size() > 1) { //多于1，才会循环跳转 if ( position < 1) { //首位之前，跳转到末尾（N） position = 5; mViewPager.setCurrentItem(position,false); } else if ( position > 5) { //末位之后，跳转到首位（1） mViewPager.setCurrentItem(1,false); //false:不显示跳转过程的动画 position = 1; } } } @Override protected void onDestroy() { super.onDestroy(); } }
mViewPager.setCurrentItem(1,false); //false:不显示跳转过程的动画

上面的代码只是一个简单的Demo，如果不将跳转动画去掉的话，首尾页跳转的时候过渡效果会很不自然。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！