Android ListView 中的 ImageViews 正在显示以前加载的图像

Question

我有一个安卓ListView，它使用AsyncTask 为每个ListViewItem 下载不同的图像。每张图片在第一次下载时都会添加到ArrayList<Bitmap>，之后每次都可以从ArrayList<Bitmap> 访问。

如果我慢慢滚动浏览ListView，每个图像都会按预期加载，但如果我开始更快地滚动，尚未下载其图像的可见ListViewItems 开始显示已经滚动的项目的图像离开屏幕顶部。

最终一切都同步了，图像通过onPostExecution 调用更新，但出了什么问题/如何防止以前项目中的图像出现在ListView 的下部项目中？

这是精简后的代码：

private ArrayList<Bitmap> bitmapArray = new ArrayList<Bitmap>(500); 


@Override
public View getItemView(final int position, View convertView, final ViewGroup parent) {

    View itemView;
        if (convertView == null) {
            itemView = getInflater().inflate(ITEM_LAYOUT, parent, false);
        } else {
            itemView = convertView;
        }

        final ImageView mImageView = (ImageView) itemView.findViewById(R.id.app_component_joblistitemview_logo);

        if (bitmapArray.size()>position && bitmapArray.get(position)!=null) {
            // Item exists at bitmapArray[position], use it
            Log.i("JobListView","Setting Existing for Position:"+position);
            mImageView.setImageBitmap(bitmapArray.get(position));
        } else {
            // Have not downloaded this ListView[position] logo yet        
            bitmapArray.add(position,null); // add temporary null value until the image is downloaded
            mImageView.setImageBitmap(null);
            new DownloadImageTask().execute(logo.getLogoUUID(), mImageView, position);
        }

        return itemView;
    }


    // This AsyncTask downloads an image / logo from a specified URL and then updates the specified ImageView
    private class DownloadImageTask extends AsyncTask<Object, Void, Bitmap> {

        ImageView imageView;
        Integer listViewPosition;

        @Override
        protected Bitmap doInBackground(Object... params) {
            String urlString = "http://www.myimages.com/something/"+params[0].toString();

            this.imageView = (ImageView)params[1];
            this.listViewPosition = (Integer)params[2];

            try {
                URL url = new URL(urlString);
                HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                connection.setDoInput(true);
                connection.connect();
                InputStream input = connection.getInputStream();
                Bitmap myBitmap = BitmapFactory.decodeStream(input);
                bitmapArray.set(listViewPosition,myBitmap);
                return myBitmap;

            } catch (Exception e) {
                // Log exception
            }
        }

        protected void onPostExecute(Bitmap result) {
            imageView.setImageBitmap(result);
        }
    }

Answer 1

else {
        // other methods, then set tag and run task
        mImageView.setTag(logo.getLogoUUID());
        new DownloadImageTask().execute(logo.getLogoUUID(), mImageView, position);
    }

和

int uuid=-1;

protected Bitmap doInBackground(Object... params) {
        uuid=params[0];
        //other methods
}

protected void onPostExecute(Bitmap result) {
    //if tag exists check validity
    if(imageView.getTag()==null && imageView.getTag().equals(uuid))
        imageView.setImageBitmap(result);
}

假设您有 2 张图片 - 第一张 10px 正方形，第二张 FHD。当您的项目需要全高清位图下载器开始下载时，obvius。当您仍在滚动并且此项目被“滚动”时，它会出现在下方（或上方，取决于滚动方向）（作为回收/转换视图）。然后你正在设置下载 10px 位图，它的速度要快得多。设置了 10 px，但之前的 asynctask 下载 fhd 图片仍在运行，仍然保持对 imageView 的引用。因此，当下载 fhd 时，它将替换这 10 像素。对于解决方法，您可以设置任何识别参数，您的“uuid”可能非常适合此

listView 和适配器是如何工作的，您可以阅读 here 和 here - 检查方法 convertView 中的 convertView 是什么，您可能会使用 ViewHolder 模式

附言。由于清理，我在您的代码中看到了一些空指针？示例：

View itemView;
final ImageView mImageView = //itemView is just created, findViewById will throw NPE
    (ImageView) itemView.findViewById(R.id.app_component_joblistitemview_logo);