ListView的优化

ListView的Adapter的作用如下图所示：

Adapter的作用就是ListView界面与数据之间的桥梁，当列表里的每一项显示到页面时，都会调用Adapter的getView方法返回一个View。想过没有？ 在我们的列表有1000000项时会是什么样的？是不是会占用极大的系统资源？

先看看下面的代码：

	public View getView(int position, View convertView, ViewGroup parent) {
		View item = mInflater.inflate(R.layout.list_item_icon_text, null);
		((TextView) item.findViewById(R.id.text)).setText(DATA[position]);
		((ImageView) item.findViewById(R.id.icon)).setImageBitmap(R.drawable.icon);
	}

怎么样？如果超过1000000项时，后果不堪设想！您可千万别这么写！

优化方案：

方案一：

	public View getView(int position, View convertView, ViewGroup parent) {
		
		if (convertView == null) {
			convertView = mInflater.inflate(R.layout.item, null);
		}

		((TextView) item.findViewById(R.id.text)).setText(DATA[position]);
		((ImageView) item.findViewById(R.id.icon)).setImageBitmap(R.drawable.icon);
	}

上面的系统将会减少创建很多View。性能得到了很大的提升。

方案2：

public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder holder;
		if (convertView == null) {
			convertView = mInflater.inflate(R.layout.list_item_icon_text, null);
			holder = new ViewHolder();
			holder.text = (TextView) convertView.findViewById(R.id.text);
			holder.icon = (ImageView) convertView.findViewById(R.id.icon);
			convertView.setTag(holder);//给View添加一个格外的数据
		} else {
			holder = (ViewHolder) convertView.getTag();//将上面的holder数据取出来

		}
		holder.text.setText(DATA[position]);
		holder.icon.setImageBitmap(R.drawable.icon);
		return convertView;
	}

	static class ViewHolder {
		TextView text;
		ImageView icon;
	}

 

怎么样？会不会又给您的系统带来很大的提升呢？看看下面三种方式的性能对比图您就知道了！

  可以发现，只有第一屏（可视范围）调用getView所消耗的时间远远多于后面的，通过对

convertView == null内代码监控也是同样的结果。也就是说ListView仅仅缓存了可视范围内的View，随后的滚动都是对这些View进行数据更新。不管你有多少数据，他都只用ArrayList缓存可视范围内的View，这样保证了性能，也造成了我以为ListView只缓存View结构不缓存数据的假相（不会只有我一人这么认为吧- - #）。这也能解释为什么GOOGLE优化方案一比二高很多的原因。那么剩下的也就只有findViewById比较耗时了。据此大家可以看看AbsListView的源代码，看看

obtainView这个方法内的代码及RecycleBin这个类的实现，欢迎分享。

 if (convertView == null) {
 convertView = mInflater.inflate(R.layout.list_item_icon_text, null);
 ((ImageView) convertView.findViewById(R.id.icon1)).setImageResource(R.drawable.icon);
 ((TextView) convertView.findViewById(R.id.text1)).setText(mData[position]);
 ((ImageView) convertView.findViewById(R.id.icon2)).setImageResource(R.drawable.icon);
 ((TextView) convertView.findViewById(R.id.text2)).setText(mData[position]);
}
   else
         return convertView;

 没错，你会发现滚动时会重复显示第一屏的数据！

子控件里的事件因为是同一个控件，也可以直接放到convertView == null 代码块内部，如果需要交互数据比如position，可以通过tag方式来设置并获取当前数据。

　　这里推荐如果只是一般的应用（一般指子控件不多），无需都是用静态内部类来优化，使用方案1即可；反之，对性能要求较高时可采用。此外需要提醒的是这里也是用空间换时间的做法，View本身因为setTag而会占用更多的内存，还会增加代码量；而findViewById会临时消耗更多的内存，所以不可盲目使用，依实际情况而定。

评论

3 楼 shazhuzhu1 2011-07-25  

qichao88888 写道

博主，可以说说优化方案2中ViewHolder的理解吗？
以及那setTag方法的具体意思，看了官方文档没大明白。

ViewHolder就是弄一个静态代码块。这样就不需要创建一条ITEM就重新查询控件。
setTag是用来保存ViewHolder，当convertView不为空时直接调用 ViewHolder

2 楼 cmingliang 2011-07-22  

lz，你写的很好，但是我还是看不懂，能把完整的代码看看吗，对于我这种菜鸟还是很吃力的，谢谢啦，斗胆写上我的邮箱吧[e-mail]

1 楼 qichao88888 2011-07-22  

博主，可以说说优化方案2中ViewHolder的理解吗？
以及那setTag方法的具体意思，看了官方文档没大明白。