Comment définir une image dans imageview dans ListView dans Android?

Question

J'ai une liste qui comprend 2 textviews et 1 imageview. Maintenant, l'image dans imageview sera définie sur certaines conditions sinon elle devrait être laissée vide avec aucune image.

Le problème est que les images n'apparaissent pas dans les lignes appropriées. Dites, par exemple, l'image doit être affichée à la ligne 3, mais elle est affichée à la ligne 4. Et, dans certains cas, chaque ligne aura la même image.

Est-ce que quelqu'un a fait face à ce genre de problème? Je ne sais vraiment pas pourquoi. Quelqu'un peut-il signaler le problème?

---

private static class VilleAdapter extends BaseAdapter { 
    private LayoutInflater mInflater = null; 

    // private Context context = null; 

    public VilleAdapter(Context context) { 
     // Cache the LayoutInflate to avoid asking for a new one each time. 
     mInflater = LayoutInflater.from(context); 
    } 

    /** 
    * The number of items in the list is determined by the number of 
    * speeches in our array. 
    * 
    * @see android.widget.ListAdapter#getCount() 
    */ 
    public int getCount() { 
     // return BabbleMainListParse.getNumOfBabbles(); 
     return VilleMainListParse.getVilleCount(); 
    } 

    /** 
    * Since the data comes from an array, just returning the index is 
    * sufficent to get at the data. If we were using a more complex data 
    * structure, we would return whatever object represents one row in the 
    * list. 
    * 
    * @see android.widget.ListAdapter#getItem(int) 
    */ 
    public Object getItem(int position) { 
     return position; 
    } 

    /** 
    * Use the array index as a unique id. 
    * 
    * @see android.widget.ListAdapter#getItemId(int) 
    */ 
    public long getItemId(int position) { 
     return position; 
    } 

    /** 
    * Make a view to hold each row. 
    * 
    * @see android.widget.ListAdapter#getView(int, android.view.View, 
    *  android.view.ViewGroup) 
    */ 
    public View getView(int position, View convertView, ViewGroup parent) 
    { 
     // A ViewHolder keeps references to children views to avoid 
     // unneccessary calls 
     // to findViewById() on each row. 
     ViewHolder holder; 

     // When convertView is not null, we can reuse it directly, there is 
     // no need 
     // to reinflate it. We only inflate a new View when the convertView 
     // supplied 
     // by ListView is null. 
     if (convertView == null) 
     { 
      convertView = mInflater.inflate(R.layout.villerow, parent,false); 

      // Creates a ViewHolder and store references to the two children 
      // views 
      // we want to bind data to. 
      holder = new ViewHolder(); 
      holder.txtVilleListTitle = (TextView) convertView.findViewById(R.id.txtVilleListTitle); 
      holder.txtVilleDescription = (TextView) convertView.findViewById(R.id.txtVilleDescription); 
      holder.imgvillepwd = (ImageView) convertView.findViewById(R.id.imgvillepwd); 

      convertView.setTag(holder); 
     } 
     else 
     { 
      // Get the ViewHolder back to get fast access to the TextView 
      holder = (ViewHolder) convertView.getTag(); 
     } 

     // Bind the data efficiently with the holder. 
     holder.txtVilleListTitle.setText(VilleMainListParse.getMsgTitle(position)); 

     if(VilleMainListParse.getMsgDesc(position).length() > 30) 
     { 
      String temp = VilleMainListParse.getMsgDesc(position).substring(0, 30); 
      temp = temp +"....."; 
      holder.txtVilleDescription.setText(temp); 
     } 
     else 
      holder.txtVilleDescription.setText(VilleMainListParse.getMsgDesc(position)); 

     if(!VilleMainListParse.getPwd(position).equals("")) 
     { 
      if(VilleMainListParse.getUnlock(position)) 
      { 
       holder.imgvillepwd.setBackgroundResource(R.drawable.lock); 
      } 
      else if(!VilleMainListParse.getUnlock(position)) 
      { 
       holder.imgvillepwd.setBackgroundResource(R.drawable.lock_open); 
      } 
     } 

     return convertView; 
    } 

    static class ViewHolder 
    { 
     TextView txtVilleListTitle; 
     TextView txtVilleDescription; 
     ImageView imgvillepwd; 
    } 
} 

Le code ci-dessus est seulement de l'adaptateur. Il y a d'abord un écran de connexion lorsque l'on clique sur le bouton de connexion, que les données sont chargées depuis Internet et que cette liste est chargée avec ces données. Ces données sont chargées correctement initialement. Est-ce que quelqu'un peut me faire savoir quel est le problème avec ce code?

Answer 1

Lorsque vous réutilisez les mêmes vues, vous devez effacer l'image si elle ne doit pas être affichée. Sinon, l'image précédente sera affichée ici. Je suggère donc le correctif suivant:

if(!VilleMainListParse.getPwd(position).equals("")) 
{ 
    if(VilleMainListParse.getUnlock(position)) 
    { 
     holder.imgvillepwd.setBackgroundResource(R.drawable.lock); 
    } 
    else if(!VilleMainListParse.getUnlock(position)) 
    { 
     holder.imgvillepwd.setBackgroundResource(R.drawable.lock_open); 
    } 
} 
else 
    holder.imgvillepwd.setBackgroundDrawable(null); 

Answer 2

Vous pouvez également envisager d'utiliser des méthodes de setImageResource/setImageBitmap au lieu de setBackgroundXxx.