Android之BaseAdapter—convertView回收机制与动态控件响应

前言：对于listView的BaseAdapter的派生，难度比较大。最难理解的莫过于getView(int position, View convertView, ViewGroup parent)这个函数是如何产生每条记录的，有些博客中利用holderView，有些博客却没有用，种种方法之间有什么异同，今天我们就来揭开这个绘制ITEM机制的面纱。

本篇借助《PullToRefresh使用详解(二)---重写BaseAdapter实现复杂XML下拉刷新》的例子。所以本篇对于代码的讲解就比较粗略，如果有读者对于如何重写BaseAdapter不太熟悉的话，请先移步看看这篇文章，然后再回来这里，相信会有不一样的收获。

一、ConvertView回收机制

工作原理:

1、ListView 针对List中每个item，要求 adapter “给我一个视图” (getView)。
2、一个新的视图被返回并显示

如果我们有上亿个项目要显示怎么办？为每个项目创建一个新视图？NO!这不可能！
实际上Android为你缓存了视图。Android中有个叫做Recycler的构件，下图是他的工作原理：

如果你有10亿个项目(item)，其中只有可见的项目存在内存中，其他的在Recycler中。
ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的。
当item1滚出屏幕，并且一个新的项目从屏幕低端上来时，ListView再请求一个type1视图。convertView此时不是空值了，它的值是item1。你只需设定新的数据然后返回convertView，不必重新创建一个视图。以上摘自《ListView中getView的原理＋如何在ListView中放置多个item》

也就是说：

1、android的listView在初始化的时候，如上面这个列表，整个屏幕只能放下7个item，那么listView在初始化时，就会只创建7个view，对于这些view也就是参数中的convertView。
2、那问题来了，当继续网上滑动，item1消失了，而item8出来了。那系统还是为item8重新创建一个新的convertView吗？另一个问题,item1的convertView去哪了？（销毁回收资源，还是重新利用？）如果你是系统设计者，你会怎么做？大家想想，如果为每个要显示的item都创建新convertView是不是太浪费了，况且对于item1的convertView已经没用了，我们何不把它拿来给item8用。对！系统就是这样做的！这就是convertView的回收机制。就是将那些不再被用的ITEM的convertView重新给即将显示的ITEM使用的机制！

二、例子

先给大家看一下单个ITEM的布局图片，对于具体布局代码，看源码吧。

对于JAVA源码，我们先看这种方式写的convertView的生成方法。

package com.example.try_pulltorefresh_map;
/*** 完成了从TXT文本中提取，并向下刷新* blog:http://blog.csdn.net/harvic880925* @author harvic* @date  2014-5-8* */
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.util.ArrayList;
import java.util.HashMap;
import org.json.JSONArray;import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshListView;
import com.handmark.pulltorefresh.library.PullToRefreshBase.Mode;
import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener;import android.os.Bundle;
import android.app.ListActivity;
import android.content.Context;
import android.graphics.Color;
import android.text.format.DateUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;public class MainActivity extends ListActivity {private ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();private PullToRefreshListView mPullRefreshListView;MyAdapter adapter=null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mPullRefreshListView = (PullToRefreshListView) findViewById(R.id.pull_refresh_list);//设定下拉监听函数mPullRefreshListView.setOnRefreshListener(new OnRefreshListener<ListView>() {@Overridepublic void onRefresh(PullToRefreshBase<ListView> refreshView) {String label = DateUtils.formatDateTime(getApplicationContext(), System.currentTimeMillis(),DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE | DateUtils.FORMAT_ABBREV_ALL);// Update the LastUpdatedLabelrefreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);// Do work to refresh the list here.}});mPullRefreshListView.setMode(Mode.PULL_FROM_END);//设置底部下拉刷新模式listItem=getData();//获取LIST数据adapter = new MyAdapter(this);//设置适配器ListView actualListView = mPullRefreshListView.getRefreshableView();actualListView.setAdapter(adapter);	}private ArrayList<HashMap<String, Object>> getData() {ArrayList<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();HashMap<String, Object> map = new HashMap<String, Object>();InputStream inputStream;try {inputStream=this.getAssets().open("my_home_friends.txt");String json=readTextFile(inputStream);JSONArray array = new JSONArray(json);for (int i = 0; i < array.length(); i++) {map = new HashMap<String, Object>();map.put("name", array.getJSONObject(i).getString("name"));map.put("info", array.getJSONObject(i).getString("info"));map.put("img",array.getJSONObject(i).getString("photo"));list.add(map);}return list;	} catch (Exception e) {// TODO: handle exceptione.printStackTrace();}return list;	}public final class ViewHolder{public TextView name;public TextView info;public TextView attentntion;}		public class MyAdapter extends BaseAdapter{private LayoutInflater mInflater;public MyAdapter(Context context){this.mInflater = LayoutInflater.from(context);}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn listItem.size();}@Overridepublic Object getItem(int arg0) {// TODO Auto-generated method stubreturn null;}@Overridepublic long getItemId(int arg0) {// TODO Auto-generated method stubreturn 0;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {System.out.println("position:"+position+"   convertView:"+convertView);ViewHolder holder = null;holder=new ViewHolder();  		convertView = mInflater.inflate(R.layout.item, null);holder.name = (TextView)convertView.findViewById(R.id.name);holder.info = (TextView)convertView.findViewById(R.id.info);holder.attentntion=(TextView)convertView.findViewById(R.id.attention);holder.name.setText((String)listItem.get(position).get("name"));holder.info.setText((String)listItem.get(position).get("info"));final TextView attention=holder.attentntion;holder.attentntion.setOnClickListener(new View.OnClickListener() {				@Overridepublic void onClick(View v) {// TODO Auto-generated method stubattention.setTextColor(Color.RED);}});convertView.setTag(holder);		return convertView;}}工具类/*** * @param inputStream* @return*/public String readTextFile(InputStream inputStream) {String readedStr = "";BufferedReader br;try {br = new BufferedReader(new InputStreamReader(inputStream, "UTF-8"));String tmp;while ((tmp = br.readLine()) != null) {readedStr += tmp;}br.close();inputStream.close();} catch (UnsupportedEncodingException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();}return readedStr;}}

以上代码凡是懂如何派生自BaseAdapter的应该都可以看懂，这里就不再多讲，只看核心代码，摘录如下：

@Override
public View getView(int position, View convertView, ViewGroup parent) {System.out.println("position:"+position+"   convertView:"+convertView);ViewHolder holder = null;holder=new ViewHolder();  		convertView = mInflater.inflate(R.layout.item, null);holder.name = (TextView)convertView.findViewById(R.id.name);holder.info = (TextView)convertView.findViewById(R.id.info);holder.attentntion=(TextView)convertView.findViewById(R.id.attention);holder.name.setText((String)listItem.get(position).get("name"));holder.info.setText((String)listItem.get(position).get("info"));final TextView attention=holder.attentntion;holder.attentntion.setOnClickListener(new View.OnClickListener() {				@Overridepublic void onClick(View v) {// TODO Auto-generated method stubattention.setTextColor(Color.RED);}});	return convertView;
}

这里利用system.out.println对convertView进行捕捉，运行如果如下：

手机初始化是这样子的：

根据上面我们讲的理论，在初始化时，整个屏幕能放下三个ITEM，所以会创建三个全新的convertView。当我往下拉一个ITEM，出现第四个ITEM的时候，就会回收第一个ITEM的convertView给第四个。捕捉结果如下：

清楚的看到，前四个convertView为NULL，当第五个ITEM出现时，此时由于第一个ITEM肯定已经滚出屏幕，所以将其重新传给即将出现的item5使用。我们上面说的第四个ITEM出现的时候就应该不再创建新convertView了，我想android开发者在考虑多创建一个ITEM的目的在于更安全吧。
回到上面的代码，好像看着代码没有任何问题，我在里面写了个clickListener，当点击“关注”的时候，字体会变红，试一下。
点击“关注” 下拉后再拉回来

问题出现了：当拉回来的时候，“关注”不再红了！！！！！！为什么？？？？
问题出在代码上：

holder=new ViewHolder();  		
convertView = mInflater.inflate(R.layout.item, null);
holder.name = (TextView)convertView.findViewById(R.id.name);
holder.info = (TextView)convertView.findViewById(R.id.info);
holder.attentntion=(TextView)convertView.findViewById(R.id.attention);

每次运行getView获取当前ITEM时，都会重新new 一个viewHolder与R.layout.item绑定，也就是说，每次都会产生一个新布局赋值给convertView让其显示。而我们上面讲了，android会将回收过来的convertView返回给即将显示的getView使用，以节约资源。而我们这里却没有领情，每次都重新创建一个布局赋给convertView，由于每次都创建一个新布局，所以当ITEM1被重新拉回来显示的时候，由于是重新创建的布局，当然是初始状态。“关注”当然也就是黑色的了。

改进

@Override
public View getView(int position, View convertView, ViewGroup parent) {System.out.println("position:"+position+"   convertView:"+convertView);ViewHolder holder = null;if (convertView == null) {holder=new ViewHolder();  	convertView = mInflater.inflate(R.layout.item, null);holder.name = (TextView)convertView.findViewById(R.id.name);holder.info = (TextView)convertView.findViewById(R.id.info);holder.attentntion=(TextView)convertView.findViewById(R.id.attention);convertView.setTag(holder);		}else {holder = (ViewHolder)convertView.getTag();}holder.name.setText((String)listItem.get(position).get("name"));holder.info.setText((String)listItem.get(position).get("info"));final TextView attention=holder.attentntion;holder.attentntion.setOnClickListener(new View.OnClickListener() {				@Overridepublic void onClick(View v) {// TODO Auto-generated method stubattention.setTextColor(Color.RED);}});return convertView;
}

不同的部分在这：

ViewHolder holder = null;if (convertView == null) {holder=new ViewHolder();  	
convertView = mInflater.inflate(R.layout.item, null);
holder.name = (TextView)convertView.findViewById(R.id.name);
holder.info = (TextView)convertView.findViewById(R.id.info);
holder.attentntion=(TextView)convertView.findViewById(R.id.attention);
convertView.setTag(holder);		
}else {holder = (ViewHolder)convertView.getTag();
}

当convertView为空，即初始化创建时，我们就将生成的布局利用setTag()保存在convertView中，当convertView利用回收机制回收过来让我们再次使用时，我们通过getTag()将保存的布局取出来，重新将布局里的各个控件重新赋值就可以了。这里就利用了android-listView的回收机制。
再看"关注"的点击事件运行的怎样：

看第二张图，当拉下去再拉回来的时候，一切正常，但当我们再往下拉（第三张图），问题又出现了，明明没有点P-5，为什么关注反而是红色的！！！！！！

这是因为，P-5用的是P-1回收来的convertView!!!而P-1的convertView的布局里“关注”是红色的。所以只要回收机制在，我们就没有办法改变从P-1回收来的convertView里的图片布局，除非人为的将其重置！

理解了这个问题以后，我们想想解决办法。
首先申请一个arrayList attentionArr变量，保存用户点击“关注”的ITEM的position，然后在绘制当前ITEM时，根据这个position是否在attentionArr里来判断是不是将“关注”重新变红。

代码如下：

@Override
public View getView(final int position, View convertView, ViewGroup parent) {System.out.println("position:"+position+"   convertView:"+convertView);ViewHolder holder = null;if (convertView == null) {holder=new ViewHolder();  	convertView = mInflater.inflate(R.layout.item, null);holder.name = (TextView)convertView.findViewById(R.id.name);holder.info = (TextView)convertView.findViewById(R.id.info);holder.attentntion=(TextView)convertView.findViewById(R.id.attention);convertView.setTag(holder);		}else {holder = (ViewHolder)convertView.getTag();}holder.name.setText((String)listItem.get(position).get("name"));holder.info.setText((String)listItem.get(position).get("info"));final TextView attention=holder.attentntion;//根据当前position判断，重新制做样式if (attentionArr.contains(position)) {attention.setTextColor(Color.RED);}else {attention.setTextColor(Color.BLACK);}holder.attentntion.setOnClickListener(new View.OnClickListener() {				@Overridepublic void onClick(View v) {// TODO Auto-generated method stubattention.setTextColor(Color.RED);attentionArr.add(position);//在点击时将position加入其中}});return convertView;
}

理解代码难度不大，首先在OnClickListener时，将position加入到attentionArr数组中，然后在getView里，判断当前position是不是用户点击过的，即是否包含在attentionArr数组中，如果是，则将“关注”置为红色，否则置为初始色，黑色。