有关ViewPager的使用及解决Android下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布局。代码如下：

[html] view plaincopy

1. <RelativeLayout xmlns:android="http://schemas./apk/res/android"  
2.     xmlns:tools="http://schemas./tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context=".MainActivity" >  
6.   
7.     <android.support.v4.view.ViewPager  
8.         android:id="@+id/viewpager"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="fill_parent"  
11.         android:layout_gravity="center" >  
12.     </android.support.v4.view.ViewPager>  
13.   
14.     <Button  
15.         android:id="@+id/deleteBtn"  
16.         android:layout_width="wrap_content"  
17.         android:layout_height="wrap_content"  
18.         android:layout_alignParentBottom="true"  
19.         android:layout_centerHorizontal="true"  
20.         android:layout_marginBottom="20dp"  
21.         android:text="删除" />  
22.   
23. </RelativeLayout>  

第二步：创建item布局用于填充在ViewPager里，可以自定义也可以加载写好的xml布局文件。代码如下：

[html] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas./apk/res/android"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content"  
5.     android:gravity="center"  
6.     android:orientation="vertical" >  
7.   
8.     <LinearLayout  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:layout_marginBottom="10dp"  
12.         android:layout_marginTop="10dp"  
13.         android:background="@drawable/item_bg"  
14.         android:orientation="vertical"  
15.         android:padding="10dp" >  
16.   
17.         <TextView  
18.             android:id="@+id/view_title"  
19.             android:layout_width="wrap_content"  
20.             android:layout_height="wrap_content"  
21.             android:layout_gravity="center_horizontal"  
22.             android:layout_marginTop="15dp"  
23.             android:singleLine="true"  
24.             android:textSize="20sp" />  
25.   
26.         <ImageView  
27.             android:id="@+id/view_image"  
28.             android:layout_width="240dp"  
29.             android:layout_height="220dp"  
30.             android:layout_gravity="center_horizontal"  
31.             android:layout_marginLeft="8dp"  
32.             android:layout_marginTop="2dp" />  
33.   
34.         <TextView  
35.             android:id="@+id/view_content"  
36.             android:layout_width="wrap_content"  
37.             android:layout_height="wrap_content"  
38.             android:layout_gravity="center_horizontal"  
39.             android:layout_marginBottom="20dp"  
40.             android:layout_marginTop="2dp"  
41.             android:ellipsize="end"  
42.             android:maxLines="2"  
43.             android:text="很不错哦！嘻嘻，嘿嘿，O(∩_∩)O哈哈哈~……"  
44.             android:textSize="15sp" />  
45.     </LinearLayout>  
46.   
47. </LinearLayout>  

第三步：然后就是Activity了，主要写了左右滑动切换页面。代码如下：

[java] view plaincopy

1. package net.loonggg.viewpager;  
2.   
3. import java.util.ArrayList;  
4. import java.util.List;  
5.   
6. import android.app.Activity;  
7. import android.os.Bundle;  
8. import android.support.v4.view.ViewPager;  
9. import android.support.v4.view.ViewPager.OnPageChangeListener;  
10. import android.view.LayoutInflater;  
11. import android.view.View;  
12. import android.view.Window;  
13. import android.widget.Button;  
14. import android.widget.ImageView;  
15. import android.widget.TextView;  
16. import android.widget.Toast;  
17.   
18. public class MainActivity extends Activity {  
19.     private ViewPager viewPager;  
20.     private Button deleteBtn;  
21.     private List<View> listViews = null;  
22.     private int[] imgs = { R.drawable.img0, R.drawable.img1, R.drawable.img2,  
23.             R.drawable.img3, R.drawable.img4, R.drawable.img5, };  
24.     private int index = 0;  
25.     private ViewPagerAdapter adapter;  
26.   
27.     @Override  
28.     protected void onCreate(Bundle savedInstanceState) {  
29.         super.onCreate(savedInstanceState);  
30.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
31.         setContentView(R.layout.activity_main);  
32.         viewPager = (ViewPager) findViewById(R.id.viewpager);  
33.         deleteBtn = (Button) findViewById(R.id.deleteBtn);  
34.   
35.         listViews = new ArrayList<View>();  
36.         for (int i = 0; i < imgs.length; i++) {  
37.             View view = LayoutInflater.from(getApplicationContext()).inflate(  
38.                     R.layout.viewpager_item, null);  
39.             TextView title = (TextView) view.findViewById(R.id.view_title);  
40.             title.setText("头像");  
41.             ImageView iv = (ImageView) view.findViewById(R.id.view_image);  
42.             iv.setBackgroundResource(imgs[i]);  
43.             listViews.add(view);  
44.         }  
45.   
46.         adapter = new ViewPagerAdapter(listViews);  
47.         viewPager.setAdapter(adapter);  
48.         viewPager.setOnPageChangeListener(new PageChangeListener());  
49.   
50.         deleteBtn.setOnClickListener(new View.OnClickListener() {  
51.   
52.             @Override  
53.             public void onClick(View v) {  
54.                 if (listViews.size() > 0) {  
55.                     listViews.remove(index);  
56.                     adapter.notifyDataSetChanged();  
57.                 }  
58.             }  
59.         });  
60.     }  
61.   
62.     private class PageChangeListener implements OnPageChangeListener {  
63.   
64.         @Override  
65.         public void onPageScrollStateChanged(int arg0) {  
66.   
67.         }  
68.   
69.         @Override  
70.         public void onPageScrolled(int arg0, float arg1, int arg2) {  
71.   
72.         }  
73.   
74.         @Override  
75.         public void onPageSelected(int arg0) {  
76.             Toast.makeText(getApplicationContext(), arg0 + "", 0).show();  
77.             index = arg0;  
78.         }  
79.   
80.     }  
81. }  

第四步：是有关ViewPager的适配器的重写。代码如下：

[java] view plaincopy

1. package net.loonggg.viewpager;  
2.   
3. import java.util.List;  
4.   
5. import android.support.v4.view.PagerAdapter;  
6. import android.view.View;  
7. import android.view.ViewGroup;  
8.   
9. public class ViewPagerAdapter extends PagerAdapter {  
10.     private List<View> list;  
11.   
12.     public ViewPagerAdapter(List<View> list) {  
13.         this.list = list;  
14.     }  
15.   
16.     @Override  
17.     public int getCount() {  
18.   
19.         if (list != null && list.size() > 0) {  
20.             return list.size();  
21.         } else {  
22.             return 0;  
23.         }  
24.     }  
25.   
26.     @Override  
27.     public boolean isViewFromObject(View arg0, Object arg1) {  
28.         return arg0 == arg1;  
29.     }  
30.   
31.     @Override  
32.     public void destroyItem(ViewGroup container, int position, Object object) {  
33.         container.removeView((View) object);  
34.     }  
35.   
36.     @Override  
37.     public Object instantiateItem(ViewGroup container, int position) {  
38.         container.addView(list.get(position));  
39.         return list.get(position);  
40.     }  
41.   
42.     @Override  
43.     public int getItemPosition(Object object) {  
44.         return POSITION_NONE;  
45.     }  
46.   
47. }  

到这里有关ViewPager的使用就讲完了，其实更重要的是想讲：如何解决Android下ViewPager和PagerAdapter中调用notifyDataSetChanged失效的问题 。

具体讲解如下：

Google在Android 3.0SDK中推出的ViewPager控件很大程度上满足了开发者开发页面左右移动切换的功能，使用非常方便。但是使用中发现，在删除或者修改数据的时候，PagerAdapter无法像BaseAdapter那样仅通过notifyDataSetChanged方法通知刷新View。
最基本的方法：
针对于child view比较简单的情况（例如仅有TextView、ImageView等，没有ListView等展示数据的情况），可以在自己的Adapter中加入代码：

[java] view plaincopy

1. @Override    
2. public int getItemPosition(Object object) {    
3.     return POSITION_NONE;    
4. }    

这样既可达到一般情况下要求的效果。
存在的问题：
这不是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进行更新即可。