有關(guān)ViewPager的使用及解決Android下ViewPager和PagerAdapter中調(diào)用notifyDataSetChanged失效的問題
ViewPager是android-support-v4.jar包中的一個(gè)系統(tǒng)控件,繼承自ViewGroup,專門用以實(shí)現(xiàn)左右滑動(dòng)切換View的效果,使用時(shí)需要首先在Project->properties->Java Build Path->Libraries->Add External Jars中加入sdk目錄下的extras/android/support/v4/android-support-v4.jar(如果找不到,則需要用sdk manager下載android support package)。加入這個(gè)jar包之后就可以使用ViewPager類了。
ViewPager的使用類似于ListView,需要有對應(yīng)的Adapter進(jìn)行數(shù)據(jù)綁定,實(shí)現(xiàn)圖片切換僅需要繼承PaperAdapter就可以了。繼承后需要重寫如下四個(gè)方法。
instantiateItem(ViewGroup, int)
destroyItem(ViewGroup, int, Object)
getCount()
isViewFromObject(View, Object)
類似于BaseAdapter,其中instantiateItem方法用來得到每個(gè)View,destroyItem用以控制當(dāng)某個(gè)View不需要的時(shí)候的回收處理。isViewFromObject用來實(shí)現(xiàn)判斷View和Object是否為同一個(gè)View。
先看一下效果圖:
第一步:首先是在布局文件里添加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>
第二步:創(chuàng)建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="很不錯(cuò)哦!嘻嘻,嘿嘿,O(∩_∩)O哈哈哈~……"
- android:textSize="15sp" />
- </LinearLayout>
-
- </LinearLayout>
第三步:然后就是Activity了,主要寫了左右滑動(dòng)切換頁面。代碼如下:
- 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;
- }
-
- }
- }
第四步:是有關(guān)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;
- }
-
- }
到這里有關(guān)ViewPager的使用就講完了,
其實(shí)更重要的是想講:如何解決Android下ViewPager和PagerAdapter中調(diào)用notifyDataSetChanged失效的問題 。
具體講解如下:
Google在Android 3.0SDK中推出的ViewPager控件很大程度上滿足了開發(fā)者開發(fā)頁面左右移動(dòng)切換的功能,使用非常方便。但是使用中發(fā)現(xiàn),在刪除或者修改數(shù)據(jù)的時(shí)候,PagerAdapter無法像BaseAdapter那樣僅通過notifyDataSetChanged方法通知刷新View。
最基本的方法:
針對于child view比較簡單的情況(例如僅有TextView、ImageView等,沒有ListView等展示數(shù)據(jù)的情況),可以在自己的Adapter中加入代碼:
- @Override
- public int getItemPosition(Object object) {
- return POSITION_NONE;
- }
這樣既可達(dá)到一般情況下要求的效果。
存在的問題:
這不是PagerAdapter中的Bug,通常情況下,調(diào)用notifyDataSetChanged方法會(huì)讓ViewPager通過Adapter的getItemPosition方法查詢一遍所有child view,這種情況下,所有child view位置均為POSITION_NONE,表示所有的child view都不存在,ViewPager會(huì)調(diào)用destroyItem方法銷毀,并且重新生成,加大系統(tǒng)開銷,并在一些復(fù)雜情況下導(dǎo)致邏輯問題。特別是對于只是希望更新child view內(nèi)容的時(shí)候,造成了完全不必要的開銷。
更有效地方法:
更為靠譜的方法是因地制宜,根據(jù)自己的需求來實(shí)現(xiàn)notifyDataSetChanged的功能,比如,在僅需要對某個(gè)View內(nèi)容進(jìn)行更新時(shí),在instantiateItem()時(shí),用View.setTag方法加入標(biāo)志,在需要更新信息時(shí),通過findViewWithTag的方法找到對應(yīng)的View進(jìn)行更新即可。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點(diǎn)擊舉報(bào)。