探秘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代码如下：

@Overridepublic 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;       @Overridepublic 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模式，就可以更好地对久对象进行重用了！

下面是改良过得代码：

@Overridepublic 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;}}

更多相关文章

随机推荐