快捷導(dǎo)航

Android 使用viewpager實(shí)現(xiàn)無(wú)限循環(huán)(定時(shí)+手動(dòng))

更新時(shí)間：2015年11月25日 11:43:26 投稿：mrr

這篇文章主要介紹了Android 使用viewpager實(shí)現(xiàn)無(wú)限循環(huán)(定時(shí)+手動(dòng))的相關(guān)資料,需要的朋友可以參考下

循環(huán)輪播的方法有兩種，一種是使用定時(shí)器另外一種是使用手指撥動(dòng)，相比較而言，定時(shí)器實(shí)現(xiàn)循環(huán)播放比較容易，只要在定時(shí)器的消息里加上簡(jiǎn)單幾段代碼即可，下面分別就這兩種方法給大家詳解，具體詳情請(qǐng)看下文吧。

int count = adapter.getCount(); 
if (count > 1) { // 多于1個(gè)，才循環(huán) 
  int index = viewPager.getCurrentItem(); 
  index = (index + 1) % count; 
  viewPager.setCurrentItem(index, true); 
}

但如何在手指撥動(dòng)時(shí)，也支持左右無(wú)限循環(huán)的功能呢？這個(gè)問(wèn)題，我折騰了好久，網(wǎng)上資料多不可用。
比較可笑的是在適配器里，設(shè)置數(shù)量為最大值；然后，在當(dāng)前位置為中間的某個(gè)值，比如：

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());  
  //設(shè)置ViewPager的默認(rèn)項(xiàng), 設(shè)置為總數(shù)的100倍，一開始才能往左滑動(dòng)  
  viewPager.setCurrentItem(count * 100);       
}

這種做法，實(shí)際上，并沒(méi)有真正達(dá)到左右無(wú)限循環(huán)；只是一般情況下，很難達(dá)到邊界（不可滑動(dòng)）的情況。

通過(guò)查閱大量的資料，我發(fā)現(xiàn)ViewPager自身并不支持左右無(wú)限循環(huán)的功能，不得不說(shuō)，這點(diǎn)真是太失敗了。

由于ViewPager自身不支持，我們只能自己找方法了！下面是我實(shí)現(xiàn)左右無(wú)限循環(huán)的方法：
用于顯示的mViews，比數(shù)據(jù)源mList，多了兩個(gè)節(jié)點(diǎn)元素（頭節(jié)點(diǎn)0:b和尾節(jié)點(diǎn)5:e用于跳轉(zhuǎn)）
下圖的不帶箭頭的紅線，是mViews根據(jù)mList初始化的情況；帶箭頭的紅線是跳轉(zhuǎn)的情況。

具體代碼如下：

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; // 數(shù)據(jù)源<span style="font-family: Arial, Helvetica, sans-serif;">Drawable</span> 
  private ViewPager mViewPager; //頁(yè)面 
  public AdapterCycle(Context context, ViewPager viewPager,  
    List<Drawable> list) 
  { 
    mContext = context; 
    mInflater = LayoutInflater.from(context); 
    mViewPager = viewPager; 
    if (list != null) { 
      //無(wú)論是否多于1個(gè)，都要初始化第一個(gè)（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個(gè)，mViews比mList多兩個(gè)（頭尾各多一個(gè)） 
      //假設(shè)：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]用于循環(huán)；首位之前的mViews[0]和末尾之后的mViews[N+1]用于跳轉(zhuǎn) 
      // 首位之前的mViews[0]，跳轉(zhuǎn)到末尾（N）；末位之后的mViews[N+1]，跳轉(zhuǎn)到首位（1） 
      if( list.size() > 1) { //多于1個(gè)要循環(huán) 
        for (Drawable d : list) { //中間的N個(gè)（index:1~N） 
          ImageView v = (ImageView) mInflater.inflate( 
              R.layout.activity_main_item_cycle, null); 
          v.setImageDrawable(d); 
          mViews.add(v); 
        } 
        //最后一個(gè)（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; 
  } 
  // 實(shí)現(xiàn)ViewPager.OnPageChangeListener接口 
  @Override 
  public void onPageSelected(int position) { 
    LogUtils.logi(TAG, "onPageSelected:" + position); 
    if ( mViews.size() > 1) { //多于1，才會(huì)循環(huán)跳轉(zhuǎn) 
      if ( position < 1) { //首位之前，跳轉(zhuǎn)到末尾（N） 
        position = mList.size(); //注意這里是mList，而不是mViews 
        mViewPager.setCurrentItem(position, false); 
      } else if ( position > mList.size()) { //末位之后，跳轉(zhuǎn)到首位（1） 
        mViewPager.setCurrentItem(1, false); //false:不顯示跳轉(zhuǎn)過(guò)程的動(dòng)畫 
        position = 1; 
      } 
    }     
  } 
  @Override 
  public void onPageScrolled(int position, float positionOffset, 
      int positionOffsetPixels) { 
    // 什么都不干 
  } 
  @Override 
  public void onPageScrollStateChanged(int state) { 
    // 什么都不干 
  } 
} 
  //在外層，將mViewPager初始位置設(shè)置為1即可 
  if (mAdapterCycle.getCount() > 1) { //多于1個(gè)，才循環(huán)并開啟定時(shí)器 
    mViewPager.setCurrentItem(1); //將mViewPager初始位置設(shè)置為1 
    startTimer(); //開啟定時(shí)器，定時(shí)切換頁(yè)面 
  }

這時(shí)，利用定時(shí)器，實(shí)現(xiàn)循環(huán)輪播，需要修改成如下：

int count = adapter.getCount(); 
if (count > 2) { // 實(shí)際上，多于1個(gè)，就多于3個(gè) 
  int index = viewPager.getCurrentItem(); 
  index = index % (count - 2) + 1; //這里修改過(guò) 
  viewPager.setCurrentItem(index, true); 
}

您可能感興趣的文章: