Adapter 优化图片复用，导致界面图片出现闪烁效果

在android中使用Adapter，局限与android内部机制的原因，listview在加载大量的图片的过程中，如果不使用ViewHolder复用的方式，会导致程序产生OOM的问题。

以下是一般情况下，ViewHolder复用的用法

 

@Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            holder = new ViewHolder();
            convertView = inflater.inflate(R.layout.item_gv_picture, null);
            holder.iv_Picture = (ImageView) convertView
                    .findViewById(R.id.iv_Picture);
            convertView.setTag(holder);
        }
        holder = (ViewHolder) convertView.getTag();
        ImageLoader.getInstance().displayImage(
                  bitmapEntities.get(position).getBmp(),holder.iv_Picture);
        holder.iv_Picture.setScaleType(ScaleType.FIT_XY);
        return convertView;
    }

/*控件缓存类*/
    class ViewHolder {
        ImageView iv_Picture;
    }        

 

 

 

但是在使用这种方式的情况下，我们会遇到另外一个问题：listview的快速滚动，会导致图片闪烁替换。

这样的效果十分难看，导致用户的体验非常差，因此开启在网上搜索解决方案之旅，查了很多都没有头绪。突然灵光一闪，想到淘宝搜索商品一样也有大量的图片出现，应该也会遇到相同的问题把。

经过使用淘宝商品检索功能，发现图片列表上下滚动的过程中，图片并不会闪烁的切换，而是用空白图片切换到正确的图片。

想不到问题就这样简单的解决了。

 

 

============

只要在ImageLoader加载图片之前，先清空Image的原图，就不会出现图片从旧图切换到新图的闪烁效果了

 

 

@Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            holder = new ViewHolder();
            convertView = inflater.inflate(R.layout.item_gv_picture, null);
            holder.iv_Picture = (ImageView) convertView
                    .findViewById(R.id.iv_Picture);
            convertView.setTag(holder);
        }
        holder = (ViewHolder) convertView.getTag();

    
    //处理由于图片重用，导致界面图片闪烁效果
        if(! bitmapEntities.get(position).equals(holder.iv_Picture.getTag())){
            //先将图片置空
            ImageLoader.getInstance().displayImage(
                    "", holder.iv_Picture);

            //重新设置图片
            holder.iv_Picture.setTag(bitmapEntities.get(position));
        }

        holder.iv_Picture.setScaleType(ScaleType.FIT_XY);
        return convertView;
    }

/*控件缓存类*/
    class ViewHolder {
        ImageView iv_Picture;
    }

 

 

 

 

希望记录下博客可以帮助到有需要朋友。