自定义ListView滚动时，图片显示错乱

为了实现ListView的每个条目的自定义布局，我们一般使用继承了BaseAdaper的适配器，然后在getView方法中设置我们的每个条目。但是今天遇到了条目中图片加载混乱的现象。代码如下

public View getView(int arg0, View arg1, ViewGroup arg2) {
// TODO Auto-generated method stub
final ViewHolder viewHolder;
Note node=list.get(arg0);
System.out.println(arg0);
if (null == arg1)
{
viewHolder = new ViewHolder();
LayoutInflater mInflater = LayoutInflater.from(mContext);
arg1 = mInflater.inflate(R.layout.list_item, null);
arg1.setLayoutParams(new LinearLayout.LayoutParams(screenWidth,screenHeight/6));
viewHolder.label = (TextView) arg1.findViewById(R.id.item_label);
viewHolder.time = (TextView) arg1.findViewById(R.id.item_time);
viewHolder.content = (TextView) arg1.findViewById(R.id.item_content);
viewHolder.image = (ImageView) arg1.findViewById(R.id.item_image);
arg1.setTag(viewHolder);
}
else
{
viewHolder = (ViewHolder) arg1.getTag();
}
viewHolder.label.setText(node.getTitle());
viewHolder.time.setText(node.getTime());
viewHolder.content.setText(node.getContent());
if(node.getPicPath()!=null){
viewHolder.image.setImageBitmap(BitmapUtils.zoomImage(BitmapFactory.decodeFile(node.getPicPath()),screenWidth/4,screenHeight/6.5));
}
return arg1;
}
private static class ViewHolder
{
TextView label;
TextView time;
TextView content;
ImageView image;
} 这里为了提高效率重用了ListView的item，问题就出在这个地方，假如我们的屏幕一开始的时候有5个item，并占满了屏幕，系统会为每个item创建一个view。
当我们继续向下滚动到第6个item的时候，如果第一个item滚动出了屏幕，系统会重用第一个item的view（代码中的arg1），这时候我们通过获得arg1的ViewHolder对象来重用该view中的的组件，然后重新设置每个组件中的内容。但是如果item1有图片，而item6没有图片，根据代码，此时的imageView组件不执行动作，但是因为是重用了item1的缘故，此时的imageView任然将留有第一个item的图片。同理，如果向上滚动，上面的item本来没有图片的，往往会加载到底部的图片。此处代码改为

if(node.getPicPath()!=null){
viewHolder.image.setImageBitmap(BitmapUtils.zoomImage(BitmapFactory.decodeFile(node.getPicPath()),screenWidth/4,screenHeight/6.5));
}else{
viewHolder.image.setImageBitmap(null);
}
return arg1;
在做网络应用的时候，图片往往是异步加载的，这个时候往往容易出现错误，可以参考https://github.com/lesliebeijing/AsyncImageLoader和https://github.com/lesliebeijing/VolleyListViewImageDemo