溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

在Android開發(fā)中利用ViewPager實現(xiàn)一個輪播功能

發(fā)布時間：2020-11-23 16:56:53 來源：億速云 閱讀：146 作者：Leah 欄目：移動開發(fā)

本篇文章給大家分享的是有關(guān)在Android開發(fā)中利用ViewPager實現(xiàn)一個輪播功能，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

ViewPager是一個常用的Android組件，不過通常我們使用ViewPager的時候不能實現(xiàn)左右無限循環(huán)滑動，在滑到邊界的時候會看到一個不能翻頁的動畫，可能影響用戶體驗。此外，某些區(qū)域性的ViewPager（例如展示廣告或者公告之類的ViewPager），可能需要自動輪播的效果，即用戶在不用滑動的情況下就能夠看到其他頁面的信息。

循環(huán)滑動效果的實現(xiàn)：PagerAdapter

我們知道ViewPager自帶的滑動效果非常出色，因此我們基本不需要處理這個滑動，只處理內(nèi)容的顯示。而內(nèi)容的顯示是由Adapter控制的，因此這里重點(diǎn)就是這個Adapter了。為簡單起見，本例的每個View直接是一張圖片。下面是Adapter的代碼：

class ImageAdapter extends PagerAdapter {
 private ArrayList<ImageView> viewlist;
 public ImageAdapter(ArrayList<ImageView> viewlist) {
  this.viewlist = viewlist;
 }
 @Override
 public int getCount() {
  // 設(shè)置成最大，使用戶看不到邊界
  return Integer.MAX_VALUE;
 }
 @Override
 public boolean isViewFromObject(View arg0, Object arg1) {
  return arg0 == arg1;
 }
 @Override
 public void destroyItem(ViewGroup container, int position, Object object) {
  // Warning：不要在這里調(diào)用removeView
 }
 @Override
 public Object instantiateItem(ViewGroup container, int position) {
  // 對ViewPager頁號求模取出View列表中要顯示的項
  position %= viewlist.size();
  if (position < 0) {
   position = viewlist.size() + position;
  }
  ImageView view = viewlist.get(position);
  // 如果View已經(jīng)在之前添加到了一個父組件，則必須先remove，否則會拋出IllegalStateException。
  ViewParent vp = view.getParent();
  if (vp != null) {
   ViewGroup parent = (ViewGroup) vp;
   parent.removeView(view);
  }
  container.addView(view);
  // add listeners here if necessary
  return view;
 }
}

這里有幾個地方需要注意：

getCount() 方法的返回值：這個值直接關(guān)系到ViewPager的“邊界”，因此當(dāng)我們把它設(shè)置為Integer.MAX_VALUE之后，用戶基本就看不到這個邊界了。當(dāng)然，通常情況下設(shè)置為100倍實際內(nèi)容個數(shù)也是可以的，之前看的某個實現(xiàn)就是這么干的。

instantiateItem() 方法position的處理：由于我們設(shè)置了count為 Integer.MAX_VALUE，因此這個position的取值范圍很大很大，但我們實際要顯示的內(nèi)容肯定沒這么多（往往只有幾項），所以這里肯定會有求模操作。但是，簡單的求模會出現(xiàn)問題：考慮用戶向左滑的情形，則position可能會出現(xiàn)負(fù)值。所以我們需要對負(fù)值再處理一次，使其落在正確的區(qū)間內(nèi)。

instantiateItem() 方法父組件的處理：通常我們會直接addView，但這里如果直接這樣寫，則會拋出IllegalStateException。假設(shè)一共有三個view，則當(dāng)用戶滑到第四個的時候就會觸發(fā)這個異常，原因是我們試圖把一個有父組件的View添加到另一個組件。但是，如果直接寫成下面這樣：

(ViewGroup)view.getParent().removeView(view);

則又會因為一開始的時候組件并沒有父組件而拋出NullPointerException。因此，需要進(jìn)行一次判斷。也就是上面的代碼。

destroyItem() 方法：由于我們在instantiateItem()方法中已經(jīng)處理了remove的邏輯，因此這里并不需要處理。實際上，實驗表明這里如果加上了remove的調(diào)用，則會出現(xiàn)ViewPager的內(nèi)容為空的情況。

集成代碼：MainActivity

簡單布局 activity_main：

<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:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 tools:context="com.example.viewpagerdemo.MainActivity" >
 <android.support.v4.view.ViewPager
  android:id="@+id/main_viewpager"
  android:layout_width="match_parent"
  android:layout_height="150dp"
  android:layout_gravity="center" >
 </android.support.v4.view.ViewPager>
</RelativeLayout>

代碼操作MainActivity：

public class MainActivity extends Activity {
 private static final String LOG_TAG = "MainActivity";
 private ImageHandler handler = new ImageHandler(new WeakReference<MainActivity>(this));
 private ViewPager viewPager;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  // 初始化iewPager的內(nèi)容
  viewPager = (ViewPager) findViewById(R.id.main_viewpager);
  //數(shù)據(jù)集
  ArrayList<ImageView> views = new ArrayList<ImageView>();
  for (int i = 0; i < 7; i++) {
   ImageView view1 = new ImageView(this);
   if (i == 0) {
    view1.setImageResource(R.drawable.bargain_day1);
   } else if (i == 1) {
    view1.setImageResource(R.drawable.bargain_day2);
   } else if (i == 2) {
    view1.setImageResource(R.drawable.bargain_day3);
   } else if (i == 3) {
    view1.setImageResource(R.drawable.bargain_day4);
   } else if (i == 4) {
    view1.setImageResource(R.drawable.bargain_day5);
   } else if (i == 5) {
    view1.setImageResource(R.drawable.bargain_day6);
   } else if (i == 6) {
    view1.setImageResource(R.drawable.bargain_day7);
   }
   views.add(view1);
  }
  viewPager.setAdapter(new ImageAdapter(views));
  viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
   // 配合Adapter的currentItem字段進(jìn)行設(shè)置。
   @Override
   public void onPageSelected(int arg0) {
    handler.sendMessage(Message.obtain(handler, ImageHandler.MSG_PAGE_CHANGED, arg0, 0));
   }
   @Override
   public void onPageScrolled(int arg0, float arg1, int arg2) {
   }
   // 覆寫該方法實現(xiàn)輪播效果的暫停和恢復(fù)
   @Override
   public void onPageScrollStateChanged(int arg0) {
    switch (arg0) {
    case ViewPager.SCROLL_STATE_DRAGGING:
     handler.sendEmptyMessage(ImageHandler.MSG_KEEP_SILENT);
     break;
    case ViewPager.SCROLL_STATE_IDLE:
     handler.sendEmptyMessageDelayed(ImageHandler.MSG_UPDATE_IMAGE, ImageHandler.MSG_DELAY);
     break;
    default:
     break;
    }
   }
  });
  viewPager.setCurrentItem(Integer.MAX_VALUE / 2);// 默認(rèn)在中間，使用戶看不到邊界
  // 開始輪播效果
  handler.sendEmptyMessageDelayed(ImageHandler.MSG_UPDATE_IMAGE, ImageHandler.MSG_DELAY);
 }// end of onCreate
 //加上動畫滑動
 private static class ImageHandler extends Handler {
  /**
   * 請求更新顯示的View。
   */
  protected static final int MSG_UPDATE_IMAGE = 1;
  /**
   * 請求暫停輪播。
   */
  protected static final int MSG_KEEP_SILENT = 2;
  /**
   * 請求恢復(fù)輪播。
   */
  protected static final int MSG_BREAK_SILENT = 3;
  /**
   * 記錄最新的頁號，當(dāng)用戶手動滑動時需要記錄新頁號，否則會使輪播的頁面出錯。
   * 例如當(dāng)前如果在第一頁，本來準(zhǔn)備播放的是第二頁，而這時候用戶滑動到了末頁，
   * 則應(yīng)該播放的是第一頁，如果繼續(xù)按照原來的第二頁播放，則邏輯上有問題。
   */
  protected static final int MSG_PAGE_CHANGED = 4;
  // 輪播間隔時間
  protected static final long MSG_DELAY = 3000;
  // 使用弱引用避免Handler泄露.這里的泛型參數(shù)可以不是Activity，也可以是Fragment等
  private WeakReference<MainActivity> weakReference;
  private int currentItem = 0;
  protected ImageHandler(WeakReference<MainActivity> wk) {
   weakReference = wk;
  }
  @Override
  public void handleMessage(Message msg) {
   super.handleMessage(msg);
   Log.d(LOG_TAG, "receive message" + msg.what);
   MainActivity activity = weakReference.get();
   if (activity == null) {
    // Activity已經(jīng)回收，無需再處理UI了
    return;
   }
   // 檢查消息隊列并移除未發(fā)送的消息，這主要是避免在復(fù)雜環(huán)境下消息出現(xiàn)重復(fù)等問題。
   if (activity.handler.hasMessages(MSG_UPDATE_IMAGE)) {
    activity.handler.removeMessages(MSG_UPDATE_IMAGE);
   }
   switch (msg.what) {
   case MSG_UPDATE_IMAGE:
    currentItem++;
    activity.viewPager.setCurrentItem(currentItem);
    // 準(zhǔn)備下次播放
    activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);
    break;
   case MSG_KEEP_SILENT:
    // 只要不發(fā)送消息就暫停了
    break;
   case MSG_BREAK_SILENT:
    activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);
    break;
   case MSG_PAGE_CHANGED:
    // 記錄當(dāng)前的頁號，避免播放的時候頁面顯示不正確。
    currentItem = msg.arg1;
    break;
   default:
    break;
   }
  }
 }
}

其中輪播效果的實現(xiàn)：使用Handler進(jìn)行更新：

//加上動畫滑動
 private static class ImageHandler extends Handler {
  /**
   * 請求更新顯示的View。
   */
  protected static final int MSG_UPDATE_IMAGE = 1;
  /**
   * 請求暫停輪播。
   */
  protected static final int MSG_KEEP_SILENT = 2;
  /**
   * 請求恢復(fù)輪播。
   */
  protected static final int MSG_BREAK_SILENT = 3;
  /**
   * 記錄最新的頁號，當(dāng)用戶手動滑動時需要記錄新頁號，否則會使輪播的頁面出錯。
   * 例如當(dāng)前如果在第一頁，本來準(zhǔn)備播放的是第二頁，而這時候用戶滑動到了末頁，
   * 則應(yīng)該播放的是第一頁，如果繼續(xù)按照原來的第二頁播放，則邏輯上有問題。
   */
  protected static final int MSG_PAGE_CHANGED = 4;
  // 輪播間隔時間
  protected static final long MSG_DELAY = 3000;
  // 使用弱引用避免Handler泄露.這里的泛型參數(shù)可以不是Activity，也可以是Fragment等
  private WeakReference<MainActivity> weakReference;
  private int currentItem = 0;
  protected ImageHandler(WeakReference<MainActivity> wk) {
   weakReference = wk;
  }
  @Override
  public void handleMessage(Message msg) {
   super.handleMessage(msg);
   Log.d(LOG_TAG, "receive message" + msg.what);
   MainActivity activity = weakReference.get();
   if (activity == null) {
    // Activity已經(jīng)回收，無需再處理UI了
    return;
   }
   // 檢查消息隊列并移除未發(fā)送的消息，這主要是避免在復(fù)雜環(huán)境下消息出現(xiàn)重復(fù)等問題。
   if (activity.handler.hasMessages(MSG_UPDATE_IMAGE)) {
    activity.handler.removeMessages(MSG_UPDATE_IMAGE);
   }
   switch (msg.what) {
   case MSG_UPDATE_IMAGE:
    currentItem++;
    activity.viewPager.setCurrentItem(currentItem);
    // 準(zhǔn)備下次播放
    activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);
    break;
   case MSG_KEEP_SILENT:
    // 只要不發(fā)送消息就暫停了
    break;
   case MSG_BREAK_SILENT:
    activity.handler.sendEmptyMessageDelayed(MSG_UPDATE_IMAGE, MSG_DELAY);
    break;
   case MSG_PAGE_CHANGED:
    // 記錄當(dāng)前的頁號，避免播放的時候頁面顯示不正確。
    currentItem = msg.arg1;
    break;
   default:
    break;
   }
  }
 }

這里我定義了一個Handler來處理ViewPager的輪播。所謂的“輪播”效果實現(xiàn)起來是這樣的：每隔一定時間（這里是3秒）切換一次顯示的頁面。通過控制各頁面以一定順序循環(huán)播放，就達(dá)到了輪播的效果。為此，我們可以使用Handler的sendEmptyMessageDelayed()方法來實現(xiàn)定時更新，并注意用戶也可能會對帶有輪播效果的ViewPager手動進(jìn)行滑動操作，因此我認(rèn)為用戶這時候是希望查看指定頁面的，這時候應(yīng)該取消輪播。

以上就是在Android開發(fā)中利用ViewPager實現(xiàn)一個輪播功能，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手