Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android 使用viewpager實現無限循環(定時+手動)

Android 使用viewpager實現無限循環(定時+手動)

編輯:關於Android編程

循環輪播的方法有兩種,一種是使用定時器另外一種是使用手指撥動,相比較而言,定時器實現循環播放比較容易,只要在定時器的消息裡加上簡單幾段代碼即可,下面分別就這兩種方法給大家詳解,具體詳情請看下文吧。

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 >用於</span><span >顯示的View</span> 
  private List<Drawable> mList; // 數據源<span >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); 
} 
  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved