zoukankan      html  css  js  c++  java
  • 有关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布局。代码如下:

    <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进行更新即可。

  • 相关阅读:
    linux下搭建lamp环境以及安装swoole扩展
    TP5 中引入第三方类库
    thinkphp5 查询的数据是对象时,获取原始数据方法
    thinkphp5 列表页数据分页查询3-带搜索条件
    thinkphp5 列表页数据分页查询2-带搜索条件
    thinkphp5 列表页数据分页查询-带搜索条件
    thinkphp5 怎么获取当前的模块,控制器和方法名
    限定页面执行时间,请求超时抛出异常或提示
    centos安装netcat
    redis在PHP中的基本使用案例
  • 原文地址:https://www.cnblogs.com/loonggg/p/4981808.html
Copyright © 2011-2022 走看看