`
zhiweiofli
  • 浏览: 511167 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

探秘ListView的ConvertView以及ViewHolder原理

阅读更多

最近在使用android的组件ExpandableListView,实现需求时,遇到不少奇怪的问题。

我的需求就是在ExpandableListView的父一级的view上添加两个按钮,实现添加子一级view的添加一级删除自己的功能。

 

自定义的layout如下:

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_parentView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/iv_flag"
        android:layout_width="10dp"
        android:layout_height="10dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp"
        android:focusable="false" />

    <TextView
        android:id="@+id/tv_typename"
        android:layout_width="100dp"
        android:layout_height="30dp"
        android:layout_centerInParent="true"
        android:layout_marginLeft="10dp"
        android:focusable="false" />

    <ImageButton
        android:id="@+id/iv_dele"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="5dp"
        android:src="@drawable/del" 
        android:focusable="false"/>

    <ImageButton
        android:id="@+id/iv_add"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginRight="10dp"
        android:layout_toLeftOf="@id/iv_dele"
        android:src="@drawable/add" 
        android:focusable="false"/>

</RelativeLayout>

 

GroupView部分的Java代码如下:

 

	@Override
	public View getGroupView(int groupPosition, boolean isExpanded,
			View convertView, ViewGroup parent) {
	
		View parentView = null;

		if(groupViews.size()>groupPosition){
			parentView = groupViews.get(groupPosition);
		} else {
			parentView = newParentView(groupPosition);
			groupViews.add(parentView);
		}
		
		return parentView;

	}
	
	private View newParentView(int groupPosition){ 
		
		View parentView = li_parent.inflate(R.layout.list_parent_view, null);

		TextView textview = (TextView) parentView.findViewById(R.id.tv_typename);

		BigType bt = groupList.get(groupPosition);
		textview.setText(bt.getName());
		
		View v_dele = parentView.findViewById(R.id.iv_dele);
		v_dele.setTag(bt.getName());
		v_dele.setOnClickListener(new BtnDeleBigTypeListener(ct));

		View v_add = parentView.findViewById(R.id.iv_add);
		v_add.setTag(bt.getName());
		v_add.setOnClickListener(new BtnAddSmallTypeListener(ct));
		
		return parentView;
	}
 

当Activity加载该layout后,当没有展开子一级,父一级上的两个ImageButton按钮均点击正常,可是当点开子一级后,点击两个ImageButton,均得不到立即的响应 非得再产生了其他控件的点击事件(例如点击父一级,让其收起)后,之前点击 ImageButton的事件才会得到响应。一开始感觉是事件响应队列阻塞,可是为啥在产生新的事件后,所有的事件又会马上得到响应呢?

 

先做一个测试,代码见下,代码里的ViewHolder是一个自定义的类,也是后面ViewHolder模式的主要体现,这里先卖一关子...

 

	View cache = null;
       @Override
	public View getGroupView(int groupPosition, boolean isExpanded,View convertView, ViewGroup parent) {
		
		ViewHolder _vh = null;
		if(convertView == null){ 
			_vh = new ViewHolder();
			convertView = newParentView(_vh);
			convertView.setTag(_vh);
			
			cache = convertView;
			
		} else {
			_vh = (ViewHolder) convertView.getTag();
			
			if(cache.equals(convertView)){
				Log.i(TAG, "equals old obj");
			}
		}
		
		return convertView;

	}

  上面代码主要就是想测试converView,究竟是拿来干什么的,google文档里头做了如此解析:


大致意思就是在重复利用此物之前要检查其是否为null!可是就没说清楚,这个convertView究竟是什么时候会存在!

 

现在来看看测试的结果,ExpandableListView总共有4个父节点,但是有以下三次输出结果:


这表明,ExpandableListView每次都在重画通过getGroupView拿到的View,而且只创建一次,之后都是都是同一个!这下子明白了,前面不能响应的按钮点击事件,原来是convertView这一覆盖层在搞鬼!因为我在代码里头每次都是在newPareView的,结果原来的convertView还在,结果就盖住了新的view,导致事件流分派出现问题,当再有convertView以外的事件发生,或ExpandableListView刷新,事件流恢复正常,响应也就正常了...

 

看来有时候真的要好好研究理解清楚API更深层次的用意才好做开发 啊!

 

不过话又说回来,其实ExpandableListView(包括ListView)的这个convertView是很有用的,因为ExpandableListView只是根据getGroupView返回的view去画列表,但是一般list列表的内容在同一级基本都会有共通性,只是加载的信息内容不同,所以重用convertView,可以很大程度上提升ListView的性能,特别是在加载大数据量时。这里配合ViewHolder模式,就可以更好地对久对象进行重用了!

 

下面是改良过得代码:

 

	@Override
	public View getGroupView(int groupPosition, boolean isExpanded,View convertView, ViewGroup parent) {
		
		ViewHolder _vh = null;
		if(convertView == null){ 
			_vh = new ViewHolder();
			convertView = newParentView(_vh);
			convertView.setTag(_vh);
			
		} else {
			_vh = (ViewHolder) convertView.getTag();
		}
		
		BigType bt = groupList.get(groupPosition);
		String name = bt.getName();
		_vh.getTitle().setText(name);
		
		ImageButton _btn_dele = _vh.getBtn_dele();
		_btn_dele.setTag(name);
		_btn_dele.setFocusable(false);
		_btn_dele.setClickable(true);
		_btn_dele.setOnClickListener(new BtnDeleBigTypeListener(ct));
		
		ImageButton _btn_add = _vh.getBtn_add();
		_btn_add.setTag(bt.getName());
		_btn_add.setFocusable(false);
		_btn_add.setClickable(true);
		_btn_add.setOnClickListener(new BtnAddSmallTypeListener(ct));
		
		return convertView;

	}

	private View newParentView(ViewHolder vh){
		
		View parentView = li_parent.inflate(R.layout.list_parent_view, null);

		ImageView iv_flag = (ImageView)parentView.findViewById(R.id.iv_flag);
		vh.setImg_flag(iv_flag);
		
		TextView tv = (TextView) parentView.findViewById(R.id.tv_typename);
		vh.setTitle(tv);

		ImageButton btn_dele = (ImageButton) parentView.findViewById(R.id.iv_dele);
		vh.setBtn_dele(btn_dele);

		ImageButton btn_add = (ImageButton) parentView.findViewById(R.id.iv_add);
		vh.setBtn_add(btn_add);
		
		return parentView;
	}	
 

其实ViewHolder并不是什么神奇的工具,他只是一个简单的vo,保存着父一级view上个控件的应用,方便在重用时,加载新的内容而已。

 

class ViewHolder {
	
    private TextView title;  
    private ImageView img_flag;
    private ImageButton btn_add;
    private ImageButton btn_dele;
    
	public TextView getTitle() {
		return title;
	}
	public void setTitle(TextView title) {
		this.title = title;
	}
	public ImageView getImg_flag() {
		return img_flag;
	}
	public void setImg_flag(ImageView img_flag) {
		this.img_flag = img_flag;
	}
	public ImageButton getBtn_add() {
		return btn_add;
	}
	public void setBtn_add(ImageButton btn_add) {
		this.btn_add = btn_add;
	}
	public ImageButton getBtn_dele() {
		return btn_dele;
	}
	public void setBtn_dele(ImageButton btn_dele) {
		this.btn_dele = btn_dele;
	}
}   
 

 

  • 大小: 19.3 KB
  • 大小: 5.9 KB
分享到:
评论
1 楼 anyang763 2011-11-22  

相关推荐

Global site tag (gtag.js) - Google Analytics