Parsing JSON disparition des ImageView lors du scrolling

Version imprimable

Bonjour,

Je parse un fichier .json et j'affiche des images qui sont dans le dossier drawable-hdpi.

Le problème est que lorsque j'effectue du scrolling, des images supplémentaires apparaissent dans chaque ligne de la liste voir disparaissent.

voici mon adapter:

Code:

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
 
public class MonAdapter extends ArrayAdapter<MaClasse>{
 
	public MonAdapter(Context context) {
		super(context, R.layout.listrow);
 
	}
 
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		View v = convertView;
		if (v == null) {
	LayoutInflater vi = (LayoutInflater) getContext().getSystemService(
					Context.LAYOUT_INFLATER_SERVICE);
			v = vi.inflate(R.layout.listrow, null);
		}
 
		MaClasse o = getItem(position);
		if (o != null) {
			TextView tt = (TextView) v.findViewById(R.id.libelle);
			if (tt != null) {
				tt.setText(o.getArret().getLibelle());
			}
 
 
			LinearLayout layout = (LinearLayout) v
			.findViewById(R.id.mylot2);		
			LinearLayout layout3 = (LinearLayout) v
			.findViewById(R.id.mylot3);	
			int count=0;
 
			image = new ImageView(getContext());
int resid = getContext().getResources().getIdentifier("ligne_"+o.getLigne().numLigne.toLowerCase(), "drawable","fr.monpackage");
					image.setImageResource(resid);
 
	layout.addView(image,new LinearLayout.LayoutParams(50, 50));
 
		}
		return v;
	}
 
}

D'où cela pourrait venir?

Merci.

21/05/2012, 14h25
nicroman

Forcément... tu rajotues des ImageView à la main...
Comme les views sont réutilisées (pour éviter de gaspiller du temps de traitement et de la mémoire), tu peux recevoir une view (convertView) dans laquelle tu as déjà créé l'imageview => et paf, ca en fait deux (ou trois, quatre, .... ).

Il vaut mieux avoir l'image-view dans le layout initial et de la cacher (View.GONE) ou de la montre (View.VISIBLE) au besoin...
Voir changer la ressource associéee par setDrawableResource (ou une fonction du genre).
21/05/2012, 14h32
jojo_ol76

J'ai effectuer l'autre manipulation e déclarant les imageviews dans le layout même constat

Tant que t’utilise addView ça te le fera.

Code:

1
2
3
4
5
6
7
LinearLayout layoutItem;
if (convertView == null) {
	layoutItem = (LinearLayout) mInflater.inflate(R.layout.layout, parent, false);
} else {
	layoutItem = (LinearLayout) convertView;
}
ImageView iv = layoutItem.findViewById(R.id.imageView);

Si tu fais comme ça, ça devrait fonctionner.

21/05/2012, 15h45
jojo_ol76

je n'utilise pas d'addview, je récupère l'imageview via les ressources Id
21/05/2012, 16h25
Ryu2000

Dans ton code il y a ça :

Code:

layout.addView(image,new LinearLayout.LayoutParams(50, 50));

Ah moi que tu ais changé ton code depuis.

En attendant normalement dans ton R.layout.listrow il devrait y avoir une ImageView.
Tu récupère comme ça :

Code:

ImageView iv = layoutItem.findViewById(R.id.imageView);

Tu fais un test, si tu n'a pas d'image à afficher :

Code:

iv.setVisibility(View.GONE);

Sinon :

Code:

iv.setVisibility(View.VISIBLE);

Et là tu affectes une images.

voici ma classe:

Code:

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
 
public class ListeArretAdapter extends ArrayAdapter<ListeArret> {
 
 
 
	// private String mPage = "";
 
	public ListeArretAdapter(Context context) {
 
		super(context, R.layout.listrow);
	}
 
	@Override
 
	public View getView(int position, View convertView, ViewGroup parent) {
		View v = convertView;
		if (v == null) {
			LayoutInflater vi = (LayoutInflater) getContext().getSystemService(
					Context.LAYOUT_INFLATER_SERVICE);
			v = vi.inflate(R.layout.listrow, null);
		}
		ListeArret o = getItem(position);
		if (o != null) {
			TextView tt = (TextView) v.findViewById(R.id.station);
			if (tt != null) {
				tt.setText("Station:" + o.getLibelle());
			}
			TextView bb = (TextView) v.findViewById(R.id.distance);
			if (bb != null) {
				Log.v("", "getDistance:" + o.getDistance());
				bb.setText("Distance: " + o.getDistance());
			}
			ImageView image1 = (ImageView) v.findViewById(R.id.img1);
			ImageView image2 = (ImageView) v.findViewById(R.id.img2);
			ImageView image3 = (ImageView) v.findViewById(R.id.img3);
			ImageView image4 = (ImageView) v.findViewById(R.id.img4);
			ImageView image5 = (ImageView) v.findViewById(R.id.img5);
			ImageView image6 = (ImageView) v.findViewById(R.id.img6);
			ImageView image7 = (ImageView) v.findViewById(R.id.img7);
			ImageView image8 = (ImageView) v.findViewById(R.id.img8);
			ImageView image9 = (ImageView) v.findViewById(R.id.img9);
			ImageView image10 = (ImageView) v.findViewById(R.id.img10);
			ImageView image11 = (ImageView) v.findViewById(R.id.img11);
			ImageView image12 = (ImageView) v.findViewById(R.id.img12);
 
			int count = 0;
			for (int i = 0; i < o.getLignes().size(); i++) {
				Log.v("Adpater", i + "ListeArretAdapter:"
						+ o.getLignes().get(i).getNumLigne());
				int resid = getContext().getResources().getIdentifier(
						"img_"+ o.getLignes().get(i).getNumLigne()
										.toLowerCase(), "drawable",
						"fr.monpackage");
			if (count >= 3 && count < 6) {
			if (count == 3) {
					image4.setImageResource(resid);
				} else if (count == 4) {
						image5.setImageResource(resid);
					} else if (count == 5) {
						image6.setImageResource(resid);
					}
					count++;
				} else if (count >= 6 && count < 9) {
					if (count == 6) {
					image7.setImageResource(resid);
				} else if (count == 7) {
						image8.setImageResource(resid);
					} else if (count == 8) {
						image9.setImageResource(resid);
					}
 
			count++;
			} else if (count >= 9 && count < 12) {
				if (count == 9) {
						image10.setImageResource(resid);
					} else if (count == 10) {
						image11.setImageResource(resid);
					} else if (count == 11) {
						image12.setImageResource(resid);
					}
					count++;
				} else {
			if (count == 0) {
						image1.setImageResource(resid);
					} else if (count == 1) {
						image2.setImageResource(resid);
					} else if (count == 2) {
						image3.setImageResource(resid);
					}
					count++;
				}
			}
		}
	return v;
 
	}
 
 
 
}

mon xml:

Code:

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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
 
<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
    android:id="@+id/monlayout"
 
    android:layout_width="fill_parent"
 
    android:layout_height="wrap_content"
 
    android:background="@drawable/menu_boutton_list"
 
    android:orientation="horizontal"
 
    android:padding="3dp" >
 
 
 
    <LinearLayout
 
        android:id="@+id/mylot"
 
        android:layout_width="wrap_content"
 
        android:layout_height="fill_parent"
 
        android:layout_weight="1"
 
        android:orientation="vertical" >
 
 
 
        <TextView
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content" />
 
 
 
        <TextView
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content" />
 
 
 
        <TextView
 
            android:id="@+id/station"
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content"
 
            android:text="AZERTY" />
 
 
 
        <TextView
 
            android:id="@+id/distance"
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content"
 
            android:text="OP" />
 
 
 
        <TextView
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content" />
 
 
 
 
 
    </LinearLayout>
 
 
 
    <LinearLayout
 
        android:layout_width="wrap_content"
 
        android:layout_height="fill_parent"
 
        android:layout_gravity="right"
 
        android:orientation="horizontal" >
 
 
 
        <LinearLayout
 
            android:id="@+id/mylot2"
 
            android:layout_width="wrap_content"
 
            android:layout_height="fill_parent"
 
            android:orientation="vertical" >
 
 
 
            <ImageView
 
                android:id="@+id/img1"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img2"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img3"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
        </LinearLayout>
 
 
 
        <LinearLayout
 
            android:id="@+id/mylot3"
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content"
 
            android:orientation="vertical" >
 
 
 
            <ImageView
 
                android:id="@+id/img4"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img5"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img6"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
        </LinearLayout>
 
 
 
        <LinearLayout
 
            android:id="@+id/mylot4"
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content"
 
            android:orientation="vertical" >
 
 
 
            <ImageView
 
                android:id="@+id/img7"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img8"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img9"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
        </LinearLayout>
 
 
 
        <LinearLayout
 
            android:id="@+id/mylot5"
 
            android:layout_width="wrap_content"
 
            android:layout_height="wrap_content"
 
            android:orientation="vertical" >
 
 
 
            <ImageView
 
                android:id="@+id/img10"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img11"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
 
 
            <ImageView
 
                android:id="@+id/img12"
 
                android:layout_width="25dp"
 
                android:layout_height="25dp" />
 
        </LinearLayout>
 
    </LinearLayout>
 
 
 
 
</LinearLayout>

22/05/2012, 09h27
Ryu2000

Et ton problème c'est qu'il y a toujours 12 images ?

Si parfois tu n'as pas à toutes les afficher, il suffit de changer la Visibility.
On ne comprend pas grand chose à ton code, tout est trop espacé.
24/05/2012, 16h51
jojo_ol76

cela ne posera pas de problème ?
24/05/2012, 17h10
Ryu2000

Non la Visibility GONE est faite pour ça.
Il existe aussi INVISIBLE.

Par contre tu devras penser à mettre VISIBLE : imageView.setVisibility(View.VISIBLE); quand tu veux afficher l'image.
Vu que tu recycle ta View, si ça se trouve une fois t'as fais imageView.setVisibility(View.GONE); et si tu changes la source de l'image dans l'ImageView l'ImageView ne sera pas là !
26/05/2012, 20h00
jojo_ol76

J'ai toujours ce problème.