3

我有一个显示两列图像视图的网格视图。我正在使用异步任务加载这些图像(请参阅这篇文章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);

等待您的帮助

谢谢

4

2 回答 2

3

它的发生是因为资源重用。你应该做什么:

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

  2. 为您的图像设置唯一标签,例如要加载的图像的位置或 url ( 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不会ImageView为 N 项的所有 N 分配内存。它只存储可见项目和一些保留的 ImageView 所需的数量。因此,无法保证ImageView您存储的参考将在几秒钟内成为实际参考,因为它可能变得不可见并被可见的重复使用。

于 2013-04-30T11:26:39.110 回答
0

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

如果您重用它,它仅通过为 imageView 的最后一个实例加载图像来解决您的特定问题。

imageLoader.displayImage(imageUri, imageView);

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

于 2013-04-30T12:19:00.957 回答