有關ViewPager使用及解決ViewPager和PagerAdapter中調用notifyDataSetChanged失效問題

ViewPager是android-support-v4.jar包中的一個系統控件，繼承自ViewGroup，專門用以實作左右滑動切換View的效果，使用時需要首先在Project->properties->Java Build Path->Libraries->Add External Jars中加入sdk目錄下的extras/android/support/v4/android-support-v4.jar（如果找不到，則需要用sdk manager下載下傳android support package）。加入這個jar包之後就可以使用ViewPager類了。

ViewPager的使用類似于ListView，需要有對應的Adapter進行資料綁定，實作圖檔切換僅需要繼承PaperAdapter就可以了。繼承後需要重寫如下四個方法。

instantiateItem(ViewGroup, int)

destroyItem(ViewGroup, int, Object)

getCount()

isViewFromObject(View, Object)

類似于BaseAdapter，其中instantiateItem方法用來得到每個View，destroyItem用以控制當某個View不需要的時候的回收處理。isViewFromObject用來實作判斷View和Object是否為同一個View。

先看一下效果圖：

有關ViewPager使用及解決ViewPager和PagerAdapter中調用notifyDataSetChanged失效問題

第一步：首先是在布局檔案裡添加viewPager布局。代碼如下：

<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"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center" >
    </android.support.v4.view.ViewPager>

    <Button
        android:id="@+id/deleteBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="20dp"
        android:text="删除" />

</RelativeLayout>

第二步：建立item布局用于填充在ViewPager裡，可以自定義也可以加載寫好的xml布局檔案。代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:background="@drawable/item_bg"
        android:orientation="vertical"
        android:padding="10dp" >

        <TextView
            android:id="@+id/view_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="15dp"
            android:singleLine="true"
            android:textSize="20sp" />

        <ImageView
            android:id="@+id/view_image"
            android:layout_width="240dp"
            android:layout_height="220dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginLeft="8dp"
            android:layout_marginTop="2dp" />

        <TextView
            android:id="@+id/view_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginBottom="20dp"
            android:layout_marginTop="2dp"
            android:ellipsize="end"
            android:maxLines="2"
            android:text="很不錯哦！嘻嘻，嘿嘿，O(∩_∩)O哈哈哈~……"
            android:textSize="15sp" />
    </LinearLayout>

</LinearLayout>

第三步：然後就是Activity了，主要寫了左右滑動切換頁面。代碼如下：

package net.loonggg.viewpager;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
	private ViewPager viewPager;
	private Button deleteBtn;
	private List<View> listViews = null;
	private int[] imgs = { R.drawable.img0, R.drawable.img1, R.drawable.img2,
			R.drawable.img3, R.drawable.img4, R.drawable.img5, };
	private int index = 0;
	private ViewPagerAdapter adapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		viewPager = (ViewPager) findViewById(R.id.viewpager);
		deleteBtn = (Button) findViewById(R.id.deleteBtn);

		listViews = new ArrayList<View>();
		for (int i = 0; i < imgs.length; i++) {
			View view = LayoutInflater.from(getApplicationContext()).inflate(
					R.layout.viewpager_item, null);
			TextView title = (TextView) view.findViewById(R.id.view_title);
			title.setText("頭像");
			ImageView iv = (ImageView) view.findViewById(R.id.view_image);
			iv.setBackgroundResource(imgs[i]);
			listViews.add(view);
		}

		adapter = new ViewPagerAdapter(listViews);
		viewPager.setAdapter(adapter);
		viewPager.setOnPageChangeListener(new PageChangeListener());

		deleteBtn.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				if (listViews.size() > 0) {
					listViews.remove(index);
					adapter.notifyDataSetChanged();
				}
			}
		});
	}

	private class PageChangeListener implements OnPageChangeListener {

		@Override
		public void onPageScrollStateChanged(int arg0) {

		}

		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {

		}

		@Override
		public void onPageSelected(int arg0) {
			Toast.makeText(getApplicationContext(), arg0 + "", 0).show();
			index = arg0;
		}

	}
}

第四步：是有關ViewPager的擴充卡的重寫。代碼如下：

package net.loonggg.viewpager;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

public class ViewPagerAdapter extends PagerAdapter {
	private List<View> list;

	public ViewPagerAdapter(List<View> list) {
		this.list = list;
	}

	@Override
	public int getCount() {

		if (list != null && list.size() > 0) {
			return list.size();
		} else {
			return 0;
		}
	}

	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		return arg0 == arg1;
	}

	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		container.removeView((View) object);
	}

	@Override
	public Object instantiateItem(ViewGroup container, int position) {
		container.addView(list.get(position));
		return list.get(position);
	}

	@Override
	public int getItemPosition(Object object) {
		return POSITION_NONE;
	}

}

到這裡有關ViewPager的使用就講完了，其實更重要的是想講：如何解決Android下ViewPager和PagerAdapter中調用notifyDataSetChanged失效的問題。

具體講解如下：

Google在Android 3.0SDK中推出的ViewPager控件很大程度上滿足了開發者開發頁面左右移動切換的功能，使用非常友善。但是使用中發現，在删除或者修改資料的時候，PagerAdapter無法像BaseAdapter那樣僅通過notifyDataSetChanged方法通知重新整理View。

最基本的方法：

針對于child view比較簡單的情況（例如僅有TextView、ImageView等，沒有ListView等展示資料的情況），可以在自己的Adapter中加入代碼：

@Override  
    public int getItemPosition(Object object) {  
        return POSITION_NONE;  
    }

這樣既可達到一般情況下要求的效果。

存在的問題：

這不是PagerAdapter中的Bug，通常情況下，調用notifyDataSetChanged方法會讓ViewPager通過Adapter的getItemPosition方法查詢一遍所有child view，這種情況下，所有child view位置均為POSITION_NONE，表示所有的child view都不存在，ViewPager會調用destroyItem方法銷毀，并且重新生成，加大系統開銷，并在一些複雜情況下導緻邏輯問題。特别是對于隻是希望更新child view内容的時候，造成了完全不必要的開銷。

更有效地方法：

更為靠譜的方法是因地制宜，根據自己的需求來實作notifyDataSetChanged的功能，比如，在僅需要對某個View内容進行更新時，在instantiateItem()時，用View.setTag方法加入标志，在需要更新資訊時，通過findViewWithTag的方法找到對應的View進行更新即可。

有關ViewPager使用及解決ViewPager和PagerAdapter中調用notifyDataSetChanged失效問題

繼續閱讀

兩個ViewPager導緻來回切換頁面加載不出來

幾種底部導航欄的分析

ViewPager、ViewPager和Fragment組合使用的基本用法

基于TabLayout源碼實作自定義TabLayout

自定義對話框，使彈出的對話框變為Viewpager加tab顯示。

ViewPager底部圓點訓示器

炒雞好用的自動輪播的ViewPager

設定viewpager（可以/不可以）滑動

廣告欄使用ViewPager無限滑動的問題

Android無限循環滾動ViewPager

【Android】ViewPager實作無限循環滑動思想

android 打造真正的無限循環viewpager

ViewPager onPageChangeListener參數詳解

仿微信滑動翻頁UI設計和實作

ViewPager的onPageChangeListener三個方法的執行順序及細節

Android使用ViewPager+Fragment的使用（一）