在列表視圖中加載圖像無法正常工作

Question

我正在加載不同的圖像到我的listview中的每一行，我已經看過幾個教程，並觀看了最佳實踐的谷歌視頻，但它仍然無法使用正常。我的列表視圖項目最終顯示幻燈片中的所有圖像，當我滾動列表時它們也會發生變化。

我正在使用Universal Image Loader來下載和緩存我的圖像。這是我的整個班級的代碼。我似乎無法得到這個工作。

public class EventAdapter extends ArrayAdapter<EventDetails>{ 

private Context context; 
LayoutInflater inflater; 
LinkedList<EventDetails> event_details; 
ImageView event_imge; 
ViewHolder holder; 
public ImageLoader imageLoader; 


public EventAdapter(Context mcontext, 
     LinkedList<EventDetails> m_event_details) { 
    super(mcontext, R.layout.event_list_row, m_event_details); 

    this.context = mcontext; 
    this.event_details = new LinkedList<EventDetails>(); 
    this.event_details = m_event_details; 
} 

public View getView(int position, View myview, ViewGroup parent) { 

    View v = myview; 

    if (inflater == null) { 
     inflater = (LayoutInflater) context 
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    } 

    if (v == null) { 
     v = inflater.inflate(R.layout.event_list_row, parent, 
       false); 
     imageLoader = ImageLoader.getInstance(); 
     holder = new ViewHolder(); 
     holder.event_name = (TextView) v.findViewById(R.id.event_name); 
     holder.event_show = (TextView) v.findViewById(R.id.event_show); 
     holder.event_time = (TextView) v.findViewById(R.id.event_time); 
     holder.event_date = (TextView) v.findViewById(R.id.event_date); 
     holder.event_genre = (TextView) v.findViewById(R.id.event_genre); 
     holder.event_price = (TextView) v.findViewById(R.id.event_price); 
     holder.img = (ImageView) v.findViewById(R.id.event_image); 
     holder.event_ll = (LinearLayout) v.findViewById(R.id.event_frame_ll); 

     v.setTag(holder); 
    }else{ 
     holder = (ViewHolder) v.getTag(); 
    } 

    final EventDetails eD = event_details.get(position); 
    if(eD != null){ 
     holder.event_name.setText(eD.name.toUpperCase()); 
     holder.event_show.setText(eD.show.toUpperCase()); 
     holder.event_time.setText(eD.time.toUpperCase()); 
     holder.event_date.setText(eD.date.toUpperCase()); 
     holder.event_price.setText("£"+String.format("%.2f", eD.price)); 
     holder.event_genre.setText(eD.genre.toUpperCase()); 

     if(eD.isStandBy == 0){ 
      holder.event_ll.setVisibility(View.GONE); 
     }else{ 
      holder.event_ll.setVisibility(View.VISIBLE); 
     } 

     holder.img.setTag(eD.image_url[0]); 
     if(MemoryCacheUtil.findCachedBitmapsForImageUri(eD.image_url[0], ImageLoader.getInstance().getMemoryCache()).size() > 0){ 
      //holder.img.setBackgroundDrawable(new BitmapDrawable(MemoryCacheUtil.findCachedBitmapsForImageUri(eD.image_url[0], ImageLoader.getInstance().getMemoryCache()).get(0))); 
      holder.img.setImageBitmap(MemoryCacheUtil.findCachedBitmapsForImageUri(event_details.get(position).image_url[0], ImageLoader.getInstance().getMemoryCache()).get(0)); 

     }else{    
      DisplayImageOptions options = new DisplayImageOptions.Builder().cacheInMemory(true).build(); 
      ImageLoader.getInstance().loadImage(eD.image_url[0], options, new SimpleImageLoadingListener() {        

       @Override 
       public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) { 
        //holder.img.setBackgroundDrawable(new BitmapDrawable(loadedImage)); 
        holder.img.setImageBitmap(loadedImage); 
       } 
      }); 
     } 
    }  

    return v; 
} 

static class ViewHolder{ 

    TextView event_name; 
    TextView event_show; 
    TextView event_time; 
    TextView event_date; 
    TextView event_genre; 
    TextView event_price; 
    ImageView img; 
    LinearLayout event_ll; 
} 

Answer 1

您的holder是一個類變量。因此，只有一個持有者的實例被附加到您的每個再循環視圖中。這應該工作。

此外，請勿使用LinkedList來存儲項目。 LinkedList的訪問時間爲O(n)。改爲使用ArrayList。

public View getView(int position, View myview, ViewGroup parent) { 
    ViewHolder holder; 

    View v = myview; 

    if (inflater == null) { 
     inflater = (LayoutInflater) context 
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    } 

    if (v == null) { 
     v = inflater.inflate(R.layout.event_list_row, parent, 
       false); 

     imageLoader = ImageLoader.getInstance(); 
     holder = new ViewHolder(); 
     holder.event_name = (TextView) v.findViewById(R.id.event_name); 
     holder.event_show = (TextView) v.findViewById(R.id.event_show); 
     holder.event_time = (TextView) v.findViewById(R.id.event_time); 
     holder.event_date = (TextView) v.findViewById(R.id.event_date); 
     holder.event_genre = (TextView) v.findViewById(R.id.event_genre); 
     holder.event_price = (TextView) v.findViewById(R.id.event_price); 
     holder.img = (ImageView) v.findViewById(R.id.event_image); 
     holder.event_ll = (LinearLayout) v.findViewById(R.id.event_frame_ll); 

     v.setTag(holder); 
    }else{ 
     holder = (ViewHolder) v.getTag(); 
    } 

    final EventDetails eD = event_details.get(position); 
    if(eD != null){ 
     holder.event_name.setText(eD.name.toUpperCase()); 
     holder.event_show.setText(eD.show.toUpperCase()); 
     holder.event_time.setText(eD.time.toUpperCase()); 
     holder.event_date.setText(eD.date.toUpperCase()); 
     holder.event_price.setText("£"+String.format("%.2f", eD.price)); 
     holder.event_genre.setText(eD.genre.toUpperCase()); 

     if(eD.isStandBy == 0){ 
      holder.event_ll.setVisibility(View.GONE); 
     }else{ 
      holder.event_ll.setVisibility(View.VISIBLE); 
     } 

     holder.img.setTag(eD.image_url[0]); 
     if(MemoryCacheUtil.findCachedBitmapsForImageUri(eD.image_url[0], ImageLoader.getInstance().getMemoryCache()).size() > 0){ 
      //holder.img.setBackgroundDrawable(new BitmapDrawable(MemoryCacheUtil.findCachedBitmapsForImageUri(eD.image_url[0], ImageLoader.getInstance().getMemoryCache()).get(0))); 
      holder.img.setImageBitmap(MemoryCacheUtil.findCachedBitmapsForImageUri(event_details.get(position).image_url[0], ImageLoader.getInstance().getMemoryCache()).get(0)); 

     }else{    
      DisplayImageOptions options = new DisplayImageOptions.Builder().cacheInMemory(true).build(); 
      ImageLoader.getInstance().loadImage(eD.image_url[0], options, new SimpleImageLoadingListener() {        

       @Override 
       public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) { 
        //holder.img.setBackgroundDrawable(new BitmapDrawable(loadedImage)); 
        holder.img.setImageBitmap(loadedImage); 
       } 
      }); 
     } 
    }  

    return v; 
}