Android - Gridview 图像在滚动时混合

Question

我有一个显示两列图像视图的网格视图。我正在使用异步任务加载这些图像（请参阅这篇文章Lazy load of images in ListView）

但是当我滚动 gridview 时，位置中的图像正在混合。例如第 14 张图像显示第 1 张图像，我认为视图试图在异步任务完成之前显示旧图像。

我的代码：

    public Content getItem(int position) {
        return contents.get(position);
    }

    public long getItemId(int position) {
        return position;
    }

    @Override 
    public boolean hasStableIds() { return true; }

    public View getView(int position, View convertView, ViewGroup parent) {
        Thumbnail contentView;
        Content current = contents.get(position);
        if (convertView == null) {
            contentView = new Thumbnail(mContext);  
        }
        else {
            contentView = (Thumbnail) convertView;
        }

        contentView.title = current.getTitle();
        contentView.image = current.getImage();
        contentView.link = current.getLink();
        contentView.init();

        return contentView;
    }

初始化函数

    TextView titleText = (TextView)super.findViewById(R.id.titleText);
    titleText.setText(title);

    ImageView imageControl = (ImageView)super.findViewById(R.id.thumbImage);
    DrawableManager loadImage = new DrawableManager();              loadImage.fetchDrawableOnThread(imgUrl, imageControl);

等待您的帮助

谢谢

Answer 1

这是由于资源重用而发生的。你应该做什么：

1. 首先，只需在 getView 方法中为您的 imageView (contentView.image.setImageResource(DEFAULT_RESOURCE)) 设置某种默认图片（过渡默认图片总比错误图片好）。

2. 为您的图片设置唯一标签，例如要加载的图片的位置或网址 (contentView.image.setTag(url))。 当 AsyncTask 完成时，您可以使用一些检查，例如

   String url=(String)imageView.getTag();
   
   if (url.equals(mUrl)) { //mUrl can be transmitted to AsyncTask instance separately
       mActivity.runOnUiThread(new Runnable() {
   
       @Override
       public void run() {
           imageView.setImageDrawable(bmp);
       });
   });
   }
   

之所以需要它，是因为 Adapter 不会为所有 N 个 ImageView 分配内存用于 N 个项目。它只存储可见项目和一些保留的 ImageView 所需的数量。因此，无法保证您存储的 ImageView 引用将在几秒钟内成为实际引用，因为它可能变得不可见并被可见的引用重复使用。

Answer 2

不要自己加载图像。使用 Universal Image Loader 。它可以缓存、图像和加载的位图。让你的问题消失。它还支持显示存根图像和滚动自动暂停等。

如果您重用它，它只为 imageView 的最后一个实例加载图像，从而解决您的特定问题。

imageLoader.displayImage(imageUri, imageView);

这就是异步加载图像所需的全部内容。