Les icônes d'une ListView qui changent tous seuls lors d'un Scroll

**yassinove10** · 18/06/2012, 17h37

Bonjour,

Je voudrais réclamer de l'aide de votre part.
Il s'agit d'une listview étendue que j'ai mise en place sur Eclipse. J'essaye depuis un bon moment de mettre pour chaque ligne du menu une icone différente.
Je pense avoir trouvé la méthode mais les icônes semblent changer de place dès que j'appuie sur "suite de la liste". Comme je vois aussi des icônes qui se répètent et d'autres qui ne s'affichent pas, alors que j'ai vérifié d'avoir déclaré toutes mes icônes.

voici mon code :

Main.java (la classe Main l'activité principale de l'application, qui fait appelle à une listview personnalisée)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
package com.formation.ExpandableListview;
 
import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
 
public class Main extends Activity {
	private ListView mListView;
	private ExpandableAdapterBis mExpandableAdapter;
	private int tabicons[]=new int[]{R.id.icon1,
									R.id.icon2,
									R.id.icon3,
									R.id.icon4,
									R.id.icon5,
									R.id.icon6,
									R.id.icon7,
									R.id.icon8,
									R.id.icon9,
									R.id.icon10,
									R.id.icon11,
									R.id.icon12,
									R.id.icon13,
									R.id.icon14,
									R.id.icon15,
									R.id.icon16};
	private String[] mArray=new String[] {
			 "Les bases de la prononciation", 
	    	    "La transcription", 
	    	    "Faire connaissance",
	    	    "demander son chemin",
	    	    "L'argent",
	    	    "Séjourner à l'hôtel",
	    	    "Les restaurants et les repas",
	    	    "Faire ses achats",
	    	    "Sortir en ville",
	    	    "Les moyens de transport",
	    	    "Les cas d'urgence",
	    	    "Les festivités locales",
	    	    "Les expressions qui font 'tilt'",
	    	    "Proverbes",
	    	    "Imagerie",
	    	    "Jeu de vocabulaire"
    	  };
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mListView=(ListView)findViewById(R.id.expandable_listview);
        mExpandableAdapter = new ExpandableAdapterBis(this, mArray, 10,tabicons);
        mListView.setAdapter(mExpandableAdapter);
    }
}

ExpandableAdapterBis.java (ma listview personnalisée, constituée d'une icône, d'un textview, et d'un bouton)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
package com.formation.ExpandableListview;
 
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
 
public class ExpandableAdapterBis extends BaseAdapter implements OnClickListener{
    private String []	mArray;
    private Context 	mContext;
    private int 		pagination;
    private int 		current_page;
    private LayoutInflater	mInflater;
    private int	[]		tabicons;
	public ExpandableAdapterBis(Context _context, String[] _array, int _pagination, int[] icons) {
		mArray=_array;
        mContext=_context;
        pagination=_pagination;
        current_page=1;
        mInflater =LayoutInflater.from(_context);
        tabicons=icons;
	}
 
	private static class ViewHolder {
		public TextView		text;
		public ImageView	icon1;
		public Button		button;
	}
 
	public int getCount() {
		return Math.min(pagination*current_page,mArray.length);
	}
 
	public Object getItem(int position) {
		return mArray[position];
	}
 
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return 0;
	}
 
	public View getView(int position, View convertView, ViewGroup parent) {
		final ViewHolder holder;
		if (convertView == null) {
			convertView = mInflater.inflate(R.layout.item, null);		
			holder		= new ViewHolder();
 
			holder.button = (Button) convertView.findViewById(R.id.button);
 
			holder.text = (TextView)  convertView.findViewById(R.id.text);
			holder.icon1 = (ImageView) convertView.findViewById(tabicons[position]);
			convertView.setTag(holder);
 
		}
		else
		{
			holder = (ViewHolder) convertView.getTag();
		}
		if(position==pagination*current_page-1)
		{
			holder.button.setVisibility(View.VISIBLE);
			holder.text.setVisibility(View.GONE);
			holder.icon1.setVisibility(View.GONE);
			holder.button.setOnClickListener(this);
 
		 }
		else
		{
			holder.button.setVisibility(View.GONE);
			holder.text.setVisibility(View.VISIBLE);
			holder.icon1.setVisibility(View.VISIBLE);
 
			holder.text.setText(mArray[position]);	
			holder.icon1.findViewById(tabicons[position]);
		}
		return convertView;
	}
	public void onClick(View v) {
		current_page++;
		notifyDataSetChanged();
	}
 
}

item.xml (le fichier .xml définissant les icônes )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <ImageView
        android:id="@+id/icon1"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon1"
 
	 />
 
     <ImageView
        android:id="@+id/icon2"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon2"
	 />   
 
     <ImageView
        android:id="@+id/icon3"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon3"
	 />   
 
 
     <ImageView
        android:id="@+id/icon4"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon4"
	 />   
 
 
     <ImageView
        android:id="@+id/icon5"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon5"
	 />   
 
 
     <ImageView
        android:id="@+id/icon6"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon6"
	 />   
 
     <ImageView
        android:id="@+id/icon7"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon7"
	 />   
 
     <ImageView
        android:id="@+id/icon8"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon8"
	 />   
 
     <ImageView
        android:id="@+id/icon9"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon9"
	 />   
 
 
     <ImageView
        android:id="@+id/icon10"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon10"
	 />   
 
 
     <ImageView
        android:id="@+id/icon11"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon11"
	 />   
 
 
     <ImageView
        android:id="@+id/icon12"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon12"
	 />   
 
 
     <ImageView
        android:id="@+id/icon13"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon13"
	 />   
 
 
     <ImageView
        android:id="@+id/icon14"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon14"
	 />   
 
 
     <ImageView
        android:id="@+id/icon15"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon15"
	 />   
 
     <ImageView
        android:id="@+id/icon16"
	    android:layout_width="wrap_content" 
	    android:layout_height="wrap_content"
	    android:visibility="gone"
	    android:src="@drawable/icon16"
	 />   
 
	 <TextView
	    android:id="@+id/text"
	    android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:padding="10dp"
        android:textSize="15sp"
        android:visibility="gone"
        android:textColor="#ccffff"
        android:textStyle="bold"
	 />
	 <Button
	 	android:id="@+id/button"
	 	android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:text="Suite..."
        android:visibility="gone"
        android:textStyle="bold"
     />
</LinearLayout>

**MrDuChnok** · 19/06/2012, 15h01

Salut,

Avant même de comprendre ton problème, je n'ai pas bien compris ce que tu cherchais à faire... Pourrais tu reformuler ou faire un schéma du résultat que tu aimerais obtenir.
Puis nous expliquer ce que tu as actuellement comme résultat / fonctionnement.

Merci.

**yassinove10** · 20/06/2012, 17h27

Envoyé par MrDuChnok

Salut,

Avant même de comprendre ton problème, je n'ai pas bien compris ce que tu cherchais à faire... Pourrais tu reformuler ou faire un schéma du résultat que tu aimerais obtenir.
Puis nous expliquer ce que tu as actuellement comme résultat / fonctionnement.

Merci.

En fait voilà le résultat que j'obtiens...
La première image c'est avant de cliquer sur "expand".
La deuxième image c'est après un clic sur ledit bouton.

Mes icônes deviennent désordonnées.

**Ryu2000** · 20/06/2012, 17h33

Dans ton getView, il ni a pas de setImageRessource ni d'ImageView.

Comment tu mets l'icône ?

**yassinove10** · 20/06/2012, 18h01

on faite setImageRessource doit contenir un R.drawable.quelquechose mais moi j'ai travaillé avec un tableau d'entier que je passe en paramétre dans le constructeur R.id.quelquechose du coup j ai mis la methode findViewById

**Ryu2000** · 21/06/2012, 09h11

Avec findViewById tu récupères une ImageView, mais il faut lui assigner une image.
Sinon tu fais rien du tout.

Enfin si là tu changes des Visibility...
N'empêche que ça à l'air compliqué ton truc.

Pourtant ton ExpandableListView est simple, la layout de row c'est une ImageView et un TextView.

**yassinove10** · 21/06/2012, 20h03

Oui exactement mon layout c'est une icone plus un titre(Vous pouvez voir une capture écran dans mon deuxième message).
Pour l'image:
j'ai déjà assigné une image à mon ImageView dans le fichier XML avec android:src="@drawable/...
Est ce qu'il faut que je le refasse en code?
Merci pour votre attention

**nicroman** · 21/06/2012, 23h20

Je crois qu'il y a un problème de conception...

Si on essaye de structurer un peu les choses:

Côté interface on a une ListView, avec pour chaque "item": une icone et un text....
Donc le item_layout devrait être du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<LinearLayout horizontal>
   <ImageView id="icon"/>
   <TextView id="text"/>
</LinearLayout>

Pourquoi avoir 17 image-views ?

Si c'est bien ce que je dis (le layout), normalement eclipse devrait râler en disant que l'imageview est inutile, et il a raison ! Car tous les TextView sont capables d'afficher un drawable à gauche... Donc exit le layout, on se retrouve avec un adapter qui utilise simplement: android.R.layout.simple_list_item_1

Le code est relativement simple pour l'adapter:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
@Override
public View getView(int position, View convertView, ViewGroup parent)
{
    View base = super.getView(position,convertView,parent);
    // base est un TextView mais on vérifie quand même
    if (base instanceof TextView) {
        TextView tv = (TextView) base;
        int iconId = getIconResourceId(position);
        tv.setCompoundDrawablesWithIntrinsicBounds(iconId,0,0,0);
    } else
        Log.w(base.toString()+" n'est pas un TextView à la position #"+position);
    return base;
}

Il ne reste donc plus qu'à implémenter le getIconResourceId(position) !

**yassinove10** · 25/06/2012, 13h25

Merci pour votre aide j ai fait 17 imageView parce que je savais pas un moyen dynamique pour le faire mais avec votre réponse le problème est résolu

Les icônes d'une ListView qui changent tous seuls lors d'un Scroll

Composants graphiques Android

Discussions similaires

Partager

Partager