有關ViewPager使用及解決ViewPager和PagerAdapter中呼叫notifyDataSetChanged失效問題
阿新 • • 發佈:2019-01-01
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)
存在的問題:
這不是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的使用類似於ListView,需要有對應的Adapter進行資料繫結,實現圖片切換僅需要繼承PaperAdapter就可以了。繼承後需要重寫如下四個方法。
instantiateItem(ViewGroup, int)
destroyItem(ViewGroup, int, Object)
getCount()
isViewFromObject(View, Object)
類似於BaseAdapter,其中instantiateItem方法用來得到每個View,destroyItem用以控制當某個View不需要的時候的回收處理。isViewFromObject用來實現判斷View和Object是否為同一個View。
先看一下效果圖:
第一步:首先是在佈局檔案裡新增viewPager佈局。程式碼如下:
第二步:建立item佈局用於填充在ViewPager裡,可以自定義也可以載入寫好的xml佈局檔案。程式碼如下:<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>
第三步:然後就是Activity了,主要寫了左右滑動切換頁面。程式碼如下:<?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>
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進行更新即可。