Overview

我们在使用ViewPager来制作图片轮播的时候，常常为ViewPager不能一直无限循环的问题所苦恼。对于这个问题，目前从网上找到了两个思路来解决:

• 将 ViewPager 的Count 的数量设置的尽可能的大，然后就造成了无限循环的假象。

• 第二种，方式是，假如三个图片无限循环，那么就需要用5张图片，如下图所示

使用这种方式启动的时候，需要将 2 号图片，设置为第一张，当向前滑动的时候，因为前面的 1号图片 是和 4 号图片一样，那么，给人的错觉就像是无线循环的一样，当选中一号图片后，立即将当前选中的图片设置为 4 号图片，4号图片向5号图片滑动也是同理。

实现

关于第一种方式，我想对大家来说都不是问题，本文主要是介绍第二种方式的实现方式

Step 1: 准备好任意3张图片

Step 2: 建立Adapter,为了一劳永逸，我们需要做一些简单的封装，来方便我们以后的使用

通用的Adapter

package com.example.it.recycleviewpager;import android.content.Context;import android.support.v4.view.PagerAdapter;import android.view.View;import android.view.ViewGroup;import java.util.List;/** * Created by 鲁迅认识的那只猹 on 9/25/2017 10:58 AM. * Emial 1258730808@qq.com * Desc: */public abstract class BaseRecycleViewPagerAdapter
    
      extends PagerAdapter {    private Context context;    private List
     
       dataSource;    public BaseRecycleViewPagerAdapter(Context context, List
      
        dataSource) {        this.context = context;        this.dataSource = dataSource;        //为了无线循环添加两个冗余项目        T t1 = dataSource.get(0);        T t2 = dataSource.get(dataSource.size() - 1);        this.dataSource.add(dataSource.size() , t1);        this.dataSource.add(0, t2);    }    /**     * 返回视图的数量     */    @Override    public int getCount() {        return dataSource.size();    }    /**     * 实例化，Page     */    @Override    public Object instantiateItem(ViewGroup container, int position) {        View view = bindingView(position);        container.addView(view);        return view;    }    /***     * 抽象方法，绑定视图，需要子类实现     */    abstract View bindingView(int position);    /**     * 回收资源     */    @Override    public void destroyItem(ViewGroup container, int position, Object object) {        container.removeView((View) object);    }    @Override    public boolean isViewFromObject(View view, Object object) {        return view == object;    }    public Context getContext() {        return context;    }    public List
       
         getDataSource() {        return dataSource;    }}
       
      
     
    

建立Adapter，从BaseRecycleViewPagerAdapter 继承

public class AdvertisingAdapter extends BaseRecycleViewPagerAdapter
    
      {    public AdvertisingAdapter(Context context, List
     
       dataSource) {        super(context, dataSource);    }    /**     * 建立我们需要用来轮播的图片     */    @Override    View bindingView(int postion) {        ImageView imageView = new ImageView(getContext());        imageView.setLayoutParams(new ViewGroup.LayoutParams(-1, -1));        imageView.setImageResource(getDataSource().get(postion));        return imageView;    }}
     
    

Step3: 测试我们的Adapter

public class MainActivity extends AppCompatActivity {    private ViewPager viewPager;    private AdvertisingAdapter advertisingAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        viewPager = (ViewPager) this.findViewById(R.id.vp);        init();    }    void init() {        List
    
      resIdList = new ArrayList<>();        resIdList.add(R.drawable.pet2);        resIdList.add(R.drawable.pet3);        resIdList.add(R.drawable.pet4);        advertisingAdapter = new AdvertisingAdapter(this, resIdList);        viewPager.setAdapter(advertisingAdapter);        //设置第二张图片为最初显示的图片        viewPager.setCurrentItem(1);        //设置Item的选中事件，实现循环        viewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {            @Override            public void onPageSelected(int position) {                if (position == 0)                    viewPager.setCurrentItem(viewPager.getAdapter().getCount() - 2, false);                if (position == viewPager.getAdapter().getCount() - 1)                    viewPager.setCurrentItem(1, false);            }        });    }}
    

源码下载

基本的需求已经实现，如果还有更多的需求，还可以根据上面的扩展。

我的码云: https://gitee.com/ShareKnowledge/RecycleViewPager