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

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

我們提供的服務有：成都網(wǎng)站建設、成都網(wǎng)站設計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、西市ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術(shù)的西市網(wǎng)站制作公司

創(chuàng)新互聯(lián)服務項目包括通海網(wǎng)站建設、通海網(wǎng)站制作、通海網(wǎng)頁制作以及通海網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，通海網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到通海省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

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

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

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

class ImageAdapter extends PagerAdapter {
 private ArrayList<ImageView> viewlist;
 public ImageAdapter(ArrayList<ImageView> viewlist) {
  this.viewlist = viewlist;
 }
 @Override
 public int getCount() {
  // 設置成最大，使用戶看不到邊界
  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的“邊界”，因此當我們把它設置為Integer.MAX_VALUE之后，用戶基本就看不到這個邊界了。當然，通常情況下設置為100倍實際內(nèi)容個數(shù)也是可以的，之前看的某個實現(xiàn)就是這么干的。

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

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

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

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

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字段進行設置。
   @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)輪播效果的暫停和恢復
   @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);// 默認在中間，使用戶看不到邊界
  // 開始輪播效果
  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;
  /**
   * 請求恢復輪播。
   */
  protected static final int MSG_BREAK_SILENT = 3;
  /**
   * 記錄最新的頁號，當用戶手動滑動時需要記錄新頁號，否則會使輪播的頁面出錯。
   * 例如當前如果在第一頁，本來準備播放的是第二頁，而這時候用戶滑動到了末頁，
   * 則應該播放的是第一頁，如果繼續(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ā)送的消息，這主要是避免在復雜環(huán)境下消息出現(xiàn)重復等問題。
   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);
    // 準備下次播放
    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:
    // 記錄當前的頁號，避免播放的時候頁面顯示不正確。
    currentItem = msg.arg1;
    break;
   default:
    break;
   }
  }
 }
}

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

//加上動畫滑動
 private static class ImageHandler extends Handler {
  /**
   * 請求更新顯示的View。
   */
  protected static final int MSG_UPDATE_IMAGE = 1;
  /**
   * 請求暫停輪播。
   */
  protected static final int MSG_KEEP_SILENT = 2;
  /**
   * 請求恢復輪播。
   */
  protected static final int MSG_BREAK_SILENT = 3;
  /**
   * 記錄最新的頁號，當用戶手動滑動時需要記錄新頁號，否則會使輪播的頁面出錯。
   * 例如當前如果在第一頁，本來準備播放的是第二頁，而這時候用戶滑動到了末頁，
   * 則應該播放的是第一頁，如果繼續(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ā)送的消息，這主要是避免在復雜環(huán)境下消息出現(xiàn)重復等問題。
   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);
    // 準備下次播放
    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:
    // 記錄當前的頁號，避免播放的時候頁面顯示不正確。
    currentItem = msg.arg1;
    break;
   default:
    break;
   }
  }
 }

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

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

分享名稱：在Android開發(fā)中利用ViewPager實現(xiàn)一個輪播功能
轉(zhuǎn)載源于：http://aaarwkj.com/article14/iijpde.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、做網(wǎng)站、定制開發(fā)、App設計、服務器托管、標簽優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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