java - 在 ListView 中加载图像时错误的图像加载

Question

我见过几个这样的问题，但我遇到的问题似乎略有不同。所以我想我会问这里的人。

我有一个带有 TextView 和 ImageView 的自定义 ListView 。我正在使用异步任务加载图像，然后在我的后执行方法中将图像设置为 ImageView 。我的图片加载正常，但有些图片被其他图片替换了。但是在所有图像加载完成后，每个 ImageView 都有正确的图像。我似乎无法弄清楚为什么我有这个问题。

这是我的适配器和异步任务类。任何和所有帮助将不胜感激。

编辑 我现在添加一个标签(该标签是进入 ImageView 各自 TextView 的文本)并在我的帖子执行中检查标签是否等于 TextView 中的文本.我仍然遇到和以前一样的问题。

这是我的适配器类:

public class CustomListAdapter extends ArrayAdapter<CustomList> {

    Context context;
    int layoutResourceId;
    LinkedList<CustomList> data = null;
    LinkedList<String> title_list = new LinkedList();

    LoadImage l;
    CustomList cl;
    ProgressBar pb;
    HashMap <String, Bitmap> bitmap = new HashMap<String, Bitmap>();







    public CustomListAdapter(Context context, int layoutResourceId, LinkedList<CustomList> data, LinkedList<Bitmap> bitmap_list) {
        super(context, layoutResourceId, data);
        // TODO Auto-generated constructor stub

        this.context = context;
        this.layoutResourceId = layoutResourceId;
        this.data = data;

    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub

        View row = convertView;
        CustomListHolder holder = null;




        if(row == null){
            LayoutInflater inflater = ((Activity)context).getLayoutInflater();
            row = inflater.inflate(layoutResourceId, parent, false);
            holder = new CustomListHolder();

            holder.text = (TextView)row.findViewById(R.id.txtTitle);
            holder.thumbnail = (ImageView)row.findViewById(R.id.imgIcon);
            holder.pb = (ProgressBar)row.findViewById(R.id.progressBar1);

            row.setTag(R.id.id0, holder);


            cl = data.get(position);
            holder.text.setText(cl.title);
            holder.thumbnail.setImageResource(R.drawable.icon);
            holder.pb.setVisibility(View.VISIBLE);


            row.setTag(R.id.id1,new String(cl.title));
            LoadImage li = new LoadImage(context, holder.thumbnail, cl.icon,cl.title, bitmap,holder.pb,row);
            li.execute(cl.icon);        

        }

        else{
            Log.e("Row not null","Inside");
            holder = (CustomListHolder)row.getTag(R.id.id0);
            //row.getK
            cl = data.get(position);        
            holder.text.setText(cl.title);
            holder.thumbnail.setImageResource(R.drawable.icon);
            holder.pb.setVisibility(View.VISIBLE);
            if((Bitmap) bitmap.get(cl.title) == null){
                row.setTag(R.id.id1,new String(cl.title));
              LoadImage li = new LoadImage(context, holder.thumbnail, cl.icon,cl.title, bitmap,holder.pb,row);
                li.execute(cl.icon); 


            }
            else {
                holder.thumbnail.setImageBitmap((Bitmap) bitmap.get(cl.title));
                holder.pb.setVisibility(View.GONE);
            }



        }   



        return row;


    }

    static class CustomListHolder
    {
        ImageView thumbnail;
        TextView text;
        ProgressBar pb;
    }


}

这是我的异步任务类:

公共(public)类 LoadImage 扩展 AsyncTask{

Context callingContext = null;
ImageView view;
String bits;
public  ProgressBar pb;
HashMap<String, Bitmap> bitmap; 
String url;
String text;
View row;



public LoadImage(Context c, ImageView view, String bits, String text, HashMap<String, Bitmap> bitmap, ProgressBar pb, View row){

    this.view = view;
    this.bits = bits; // url for image
    this.callingContext = c;
    this.bitmap = bitmap; //hashmap
    this.text = text;// title text
    this.pb = pb;
    this.row = row;

}



public Bitmap getBitmap(String data){

    Bitmap bitmap;
    BitmapFactory.Options bmOptions;
    bmOptions = new BitmapFactory.Options();
    bmOptions.inJustDecodeBounds = true;
    Log.e("getBitmap",text);

    try {
        bitmap=null;
        InputStream is=new URL(data).openStream();
        BitmapFactory.decodeStream(is, null, bmOptions);
        is.close();
        BitmapFactory.Options o2 = new BitmapFactory.Options();
        o2.inSampleSize = 10;
        is = new URL(data).openStream();
        bitmap = BitmapFactory.decodeStream(is, null, o2);

        bitmap = Bitmap.createScaledBitmap(bitmap, 60, 60, true);
        is.close();
        this.bitmap.put(text,bitmap);
        return bitmap;
    } catch (Exception ex){
        Log.e("Debug", ex.getMessage());
       return null;
    }

}


@Override
protected Bitmap doInBackground(String... arg0) {
    // TODO Auto-generated method stub
    Log.e("do In Bg",text);
    Bitmap b = null;    

    if((Bitmap)bitmap.get(text) == null)
      b = getBitmap(bits);
    else 
      b =(Bitmap)bitmap.get(text);

        return b;  
}



@Override
protected void onPostExecute(Bitmap result) {
    // TODO Auto-generated method stub
    super.onPostExecute(result);
        if(row.getTag(R.id.id1).equals(text)){
            view.setImageBitmap((Bitmap)bitmap.get(text));
            pb.setVisibility(View.GONE);
        }




}   

}

CustomList 是一个带有 2 个字符串图标和标题的类。 icon 是图片的 url，title 是 textview 的文本。

Answer 1

我确定@Krylez 会告诉您同样的事情:在 ListView 中，您的行被回收。这就是 covertView 给你的，你做一个 row==null 检查。如果您的屏幕一次显示 10 行，则它可能在内存中有大约 11 到 12 行。当您滚动并且一行从 View 中消失时，它会保存在内存中并与旧内容一起返回给您供您重新填充。

假设您有单元格 1...您要求位图 1。然后用户将其滚动到 View 之外，它作为位图 12 回收。现在位图 1 任务完成并在其上绘制，因为对象引用仍然完好无损(从未被摧毁)。所以你会得到错误图像显示的效果。

我对 iOS 项目使用了一个简单的修复方法:使用对象标签。让我解释一下:

当您启动 LoadImage 任务时，使用唯一 ID 标记您的行，您可以识别位图及其位置关系......

row.setTag(new Integer(ID_THAT_IDENTIFIES_ROW_AND_BITMAP_RELATIONSHIP))

当在异步任务中执行 onPostExecute() 时，请检查此标识符是否已更改。如果您当前的位图不再匹配，请不要执行任何操作，因为可能有另一个任务在等待填充它。

希望对您有所帮助!