Change la couleur de fond d'un élément dans Android ListActivity onListItemClick

Je sais que cela semble très simple, et il y a des questions à ce sujet. Mais rien de tout cela pourrait résoudre mon problème. Donc, ici, nous allons:

Je veux changer la couleur d'arrière-plan d'un élément de liste dans ListActivity lorsque l'utilisateur clique sur elle, et de revenir à la couleur d'origine lorsque l'utilisateur clique à nouveau (c'est à dire Sélectionner/Désélectionner l'élément de tri de look)

J'ai essayé d'utiliser getChildAt, il fonctionne parfaitement, si j'ai tous les éléments visibles à l'écran sans avoir à faire défiler.

Code:

getListView().getChildAt(position).setBackgroundColor(Color.CYAN);

Le problème commence quand j'ai plus d'éléments dans la liste et l'utilisateur doit les faire défiler. Une fois à l'arrière-plan d'un élément est modifié, La couleur d'arrière-plan s'affiche sur les nouveaux éléments visibles comme je le défilement. Aussi, le getChildAt(position) retourne null (et donc un NullPointerException) en cliquant à nouveau sur l'élément.

Quelqu'un peut m'aider avec un code simple qui me permet de changer la couleur de fond d'un élément de la liste?

Merci d'avance!

Je pense que ce sujet va vous aider à le faire. stackoverflow.com/questions/2217753/...

OriginalL'auteur Suraj Bajaj | 2012-09-26

Chose sûre. Je voudrais faire cela dans le getView() méthode personnalisée ListAdapter.

MyAdapter extends SimpleAdapter {
    private ArrayList<Integer> coloredItems = new ArrayList<Integer>();

    public MyAdapter(...) {
        super(...);
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View v = super.getView(position, convertView, parent);

        if (coloredItems.contains(position)) {
            v.setBackgroundColor(Color.CYAN);
        } else {
            v.setBackgroundColor(Color.BLACK); //or whatever was original
        }

        return v;
    }
}

Mise à jour coloredItems lorsqu'un élément de la liste est sélectionné.

@Override
public void onListItemClick(ListView l, View v, int position, long id) {
    if (coloredItems.contains(position)) {
        //remove position from coloredItems
        v.setBackgroundColor(Color.BLACK); //or whatever was original
    } else {
        //add position to coloredItems
        v.setBackgroundColor(Color.CYAN);
    }
}

Génial! Qui a travaillé juste parfait! J'ai eu un moment difficile essayer de trouver la solution. Votre réponse a été très utile. Souhaite que je pourrais vous donner deux Voix... 🙂 Merci encore! 🙂
Vous êtes la bienvenue!
après quelques heures de l'impasse que vous m'avez montré le droit chemin , bien fait homme!

OriginalL'auteur heycosmo

Si vous faites affaire avec ListFragment ce code sera utile,

  @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        if (view != null) {
            getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);
            getListView().setDescendantFocusability(ListView.FOCUS_AFTER_DESCENDANTS);
            catagoryValueListView=getListView();
            catagoryValueListView.setOnItemClickListener(new OnItemClickListener() {

             @Override
             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                 if (ColoredView != null)
                     ColoredView.setBackgroundColor(Color.WHITE); //original color

                 view.setBackgroundColor(Color.BLUE); //selected color
                 ColoredView = view;
                                  }
        });
    }

}

Veuillez mettre à jour votre réponse et de votre code à l'intérieur des balises de code.

OriginalL'auteur FingerSmith

1

Ce que je fais c'est de créer un fichier xml appelé c'est à dire list_background et le mettre dans le dossier drawable.

Le xml ressemble à ceci:
```
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:drawable="@color/list_selected" android:state_pressed="true" />
   <item android:drawable="@android:color/white" />
</selector>
```
Et dans le code xml pour la liste de l'article que j'ai mis ce code xml que les éléments d'arrière-plan c'est à dire

item.xml:
```
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          style="@style/Fill"
          android:background="@drawable/list_background">

     
</RelativeLayout>
```
style=@style/Remplissage est qu'un raccourci que j'ai fait pour
android:layout_height="match_parent" et android:layout_width="match_parent

Puis dans onListItemCLick:
```
public void onListItemClick(ListView l, View v, int position, long id) {
    v.setPressed( !v.isPressed ) //Toggle between colors of the view
}
```
Merci pour l'aide! Mais deux problèmes avec cette solution: 1) Vous ne pouvez sélectionner qu'un seul élément à la fois, si vous essayez de sélectionner un autre élément de la première automatiquement perd c'est de la couleur d'arrière-plan. 2) Si vous sélectionnez un élément, faites défiler vers le bas et ensuite faire défiler en arrière, ce que vous voyez est l'élément sélectionné n'a pas de couleur de fond maintenant! 🙁 S'il vous plaît aider. Merci!
Oui, vous avez besoin de modifier la getView méthode de votre ListAdapter persister cet état (voir ma réponse ci-dessous). Parce que ListView réutilise les Vues d'éléments, un élément qui apparaît en haut (après un défilement) peut hériter des traits à partir d'un élément qui, à gauche, en bas, à moins que ces traits sont remis à zéro dans getView.
Que faire si je ne suis pas en utilisant ma propre ListAdapter? Parce que je suis à l'aide d'un SimpleAdapter. Comment puis-je résoudre ce problème?
Sous-classe SimpleAdapter et remplacer getView. Je vais mettre à jour ma réponse en fonction de ce détail.

OriginalL'auteur alliannas

Simplement, vous pouvez le faire comme ceci dans onListItemClick méthode

@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
    super.onListItemClick(l, v, position, id);

    for (int a = 0; a < l.getChildCount(); a++) {
        l.getChildAt(a).setBackgroundColor(Color.TRANSPARENT);
    }

    ColorDrawable colorDrawable1 = new ColorDrawable(
            Color.parseColor("#A0A3A0"));
    v.setBackgroundDrawable(colorDrawable1);   

    if (position == 0) {
        Intent i = new Intent(MainActivity.this, NewActivity.class);

        startActivity(i);
    }

}

OriginalL'auteur Stephen

c'est la façon dont je l'ai fait:

créer une variable globale View ColoredView; puis, lorsque vous setOnItemClickListener pour votre ListView, faites ceci:

MenuList.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if (ColoredView != null)
                    ColoredView.setBackgroundColor(Color.WHITE); //original color

                view.setBackgroundColor(Color.BLUE); //selected color
                ColoredView = view;
            }
        });

c'est la façon la plus simple à mon avis.

OriginalL'auteur Amjad Abu Saa

Grâce heycosmo. votre solution a résolu mon problème.

N'ai aucune idée de pourquoi nous devrions mettre en arrière-plan à 2 endroits.

1. Adaptateur getView()

@Override
public View getView(int position, View convertView, ViewGroup parent) {
     ....
     ....
     ....
        if(arrayBools[position]) {
            view.setBackgroundColor(Common.colorBkgroundSelected);
        }
        else{
            view.setBackgroundColor(Common.colorBkgroundNormal);            
        } 
     ....
     ....
     ....
}

2. ListActivity de onListItemClick().

@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
      super.onListItemClick(l, v, position, id);       
      arrayBools[position] = ( arrayBools[position] ? false : true );

     if(arrayBools[position]) {
         v.setBackgroundColor(colorBkgroundSelected);
     }
     else{
        v.setBackgroundColor(colorBkgroundNormal);          
     }    
}

OriginalL'auteur Purusothaman A

Vous devez vous connecter pour publier un commentaire.