1. 程式人生 > >ViewPager,實現真正的無限循環(定時+手動)

ViewPager,實現真正的無限循環(定時+手動)

pre san fcm drawable size 消息 water selected nts

利用定時器,實現循環輪播,很簡單;只需在定時器的消息裏加如下代碼即可:

int count = adapter.getCount();  
if (count > 1) { // 多於1個,才循環  
    int index = viewPager.getCurrentItem();  
    index = (index + 1) % count;  
    viewPager.setCurrentItem(index, true);  
}  

但如何在手指撥動時,也支持左右無限循環的功能呢?這個問題,我折騰了好久,網上資料多不可用。
比較可笑的是在適配器裏,設置數量為最大值;然後,在當前位置為中間的某個值,比如:

public class MyAdapter extends PagerAdapter{    
    @Override    
    public int getCount() {    
        return Integer.MAX_VALUE;    
    }    
  
    @Override    
    public boolean isViewFromObject(View arg0, Object arg1) {    
        return arg0 == arg1;    
    }    
  
    @Override    
    
public void destroyItem(View container, int position, Object object) { ((ViewPager)container).removeView(mImageViews[position % count]); } public Object instantiateItem(View container, int position) { View view = mImageViews[position % count]; ((ViewPager)container).addView(view,
0); return view; } } protected void onCreate(Bundle savedInstanceState) { viewPager.setAdapter(new MyAdapter()); //設置ViewPager的默認項, 設置為總數的100倍,一開始才能往左滑動 viewPager.setCurrentItem(count * 100); }

這種做法,實際上,並沒有真正達到左右無限循環;只是一般情況下,很難達到邊界(不可滑動)的情況。
通過查閱大量的資料,我發現ViewPager自身並不支持左右無限循環的功能,不得不說,這點真是太失敗了。
由於ViewPager自身不支持,我們只能自己找方法了!下面是我實現左右無限循環的方法:
用於顯示的mViews,比數據源mList,多了兩個節點元素(頭節點0:b和尾節點5:e用於跳轉)
下圖的不帶箭頭的紅線,是mViews根據mList初始化的情況;帶箭頭的紅線是跳轉的情況。

技術分享

具體代碼如下:

public class AdapterCycle extends PagerAdapter   
        implements ViewPager.OnPageChangeListener{  
    private Context mContext; // 上下文  
    private LayoutInflater mInflater; // 用於解XML  
    private LinkedList<View> mViews; // <span style="font-family: Arial, Helvetica, sans-serif;">用於</span><span style="font-family: Arial, Helvetica, sans-serif;">顯示的View</span>  
    private List<Drawable> mList; // 數據源<span style="font-family: Arial, Helvetica, sans-serif;">Drawable</span>  
    private ViewPager mViewPager; //頁面  
      
      
    public AdapterCycle(Context context, ViewPager viewPager,   
        List<Drawable> list)  
    {  
        mContext = context;  
        mInflater = LayoutInflater.from(context);  
        mViewPager = viewPager;  
        if (list != null) {  
            //無論是否多於1個,都要初始化第一個(index:0)  
            mViews = new LinkedList<View>();  
            ImageView view = (ImageView) mInflater.inflate(  
                    R.layout.activity_main_item_cycle, null);  
            Drawable drawable = list.get(list.size() - 1);  
            view.setImageDrawable(drawable);  
            mViews.add(view);  
            //註意,如果不只1個,mViews比mList多兩個(頭尾各多一個)  
            //假設:mList為mList[0~N-1], mViews為mViews[0~N+1]  
            // mViews[0]放mList[N-1], mViews[i]放mList[i-1], mViews[N+1]放mList[0]  
            // mViews[1~N]用於循環;首位之前的mViews[0]和末尾之後的mViews[N+1]用於跳轉  
            // 首位之前的mViews[0],跳轉到末尾(N);末位之後的mViews[N+1],跳轉到首位(1)  
            if( list.size() > 1) { //多於1個要循環  
                for (Drawable d : list) { //中間的N個(index:1~N)  
                    ImageView v = (ImageView) mInflater.inflate(  
                            R.layout.activity_main_item_cycle, null);  
                    v.setImageDrawable(d);  
                    mViews.add(v);  
                }  
                //最後一個(index:N+1)  
                view = (ImageView) mInflater.inflate(  
                        R.layout.activity_main_item_cycle, null);  
                drawable = dList.get(0);  
                view.setImageDrawable(drawable);  
                mViews.add(view);  
            }  
        }  
    }  
      
    @Override  
    public int getCount() {  
        return mViews.size();  
    }  
      
    @Override  
    public boolean isViewFromObject(View view, Object object) {  
        return view == object;  
    }  
  
    @Override  
    public void destroyItem(ViewGroup container, int position, Object object) {  
        ((ViewPager) container).removeView(mViews.get(position));  
    }  
  
    @Override  
    public Object instantiateItem(ViewGroup container, int position) {  
        View view = mViews.get(position);  
        container.addView(view);  
        return view;  
    }  
      
      
    // 實現ViewPager.OnPageChangeListener接口  
    @Override  
    public void onPageSelected(int position) {  
        LogUtils.logi(TAG, "onPageSelected:" + position);  
        if ( mViews.size() > 1) { //多於1,才會循環跳轉  
            if ( position < 1) { //首位之前,跳轉到末尾(N)  
                position = mList.size(); //註意這裏是mList,而不是mViews  
                mViewPager.setCurrentItem(position, false);  
            } else if ( position > mList.size()) { //末位之後,跳轉到首位(1)  
                mViewPager.setCurrentItem(1, false); //false:不顯示跳轉過程的動畫  
                position = 1;  
            }  
        }         
    }  
  
    @Override  
    public void onPageScrolled(int position, float positionOffset,  
            int positionOffsetPixels) {  
        // 什麽都不幹  
    }  
  
    @Override  
    public void onPageScrollStateChanged(int state) {  
        // 什麽都不幹  
    }  
}  
  
  
    //在外層,將mViewPager初始位置設置為1即可  
    if (mAdapterCycle.getCount() > 1) { //多於1個,才循環並開啟定時器  
        mViewPager.setCurrentItem(1); //將mViewPager初始位置設置為1  
        startTimer(); //開啟定時器,定時切換頁面  
    }  

這時,利用定時器,實現循環輪播,需要修改成如下:

int count = adapter.getCount();  
if (count > 2) { // 實際上,多於1個,就多於3個  
    int index = viewPager.getCurrentItem();  
    index = index % (count - 2) + 1; //這裏修改過  
    viewPager.setCurrentItem(index, true);  
}

ViewPager,實現真正的無限循環(定時+手動)