Parsing image pour chaque item d'une ListView

**sabrineisimm** · 29/08/2011, 12h45

Bonjour,

Je désire construire une listview qui contient la liste des articles de mon flux rss . Chaque item contient une image de l'article et deux textView
un pour le titre et l'autre pour la date de publication.

Concernant les textes j'ai pu le faire tout en suivant ce tuto :
http://thibault-koprowski.fr/2010/10...-sous-android/
Mais je ne sais pas comment faire pour les images. Quelqu'un aurait un indice ou idée ?

Merci d'avance

**Feanorin** · 29/08/2011, 16h55

Bonjour,

Garde la structure proposer par le tutoriel , ensuite il te suffit de mettre le chemin de ton image dans ton fichier xml au lieu du texte.

Suite à cela il te suffira de mettre une ImageView au lieu d'une TextView et charger l'image en fonction du chemin trouver dans ton Xml

.

tu as des demandes similaires sur le forum , tu en trouveras plein

.

**sabrineisimm** · 01/09/2011, 12h07

Merci Feanorin pour ta reponse
concernant la représentation graphique je n'ai aucun problème et c'est clair

mon problème est que je ne sais pas comment en java se fait son appel et son intégration puisque le code est distribué sur plusieurs fichiers

j'espère que tu comprennes où je suis coincée.

merci

**Feanorin** · 01/09/2011, 13h04

Bonjour,

je ne sais pas comment en java se fait son appel et son intégration puisque le code est distribué sur plusieurs fichiers

Pourrais tu nous montrer un exemple, sur ce que tu as en entrée et ce que tu aimerais avoir en sortie ? Car là je coince

Merci

**sabrineisimm** · 02/09/2011, 10h33

J'ai déjà donne le lien du tuto tu peux jeter un coup d'œil

et surtout voir la fonction getView la ou on doit faire l'étape finale du parsing (d'après ce que je viens de comprendre :p)

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
@Override
	public View getView(int position, View convertView, ViewGroup parent){
		// * Le paramètre "convertView" permet de recycler les élements 
		// * de notre liste. En effet, l'opération pour convertir un layout 
		// * XML en IHM standard est très couteuse pour la plateforme Android. 
		// * On nous propose ici de réutiliser des occurences créées qui ne sont 
		// * plus affichées. Donc si ce paramètre est "null" alors, il faut "inflater" 
		// * notre layout XML, sinon on le réutilise
 
 
		FeedView fv;		
 
		if (convertView == null)
		{
			fv = new FeedView();
			convertView = inflater.inflate(R.layout.feed_view, null);
 
			fv.creator = (TextView)convertView.findViewById(R.id.creator);			
			fv.title = (TextView)convertView.findViewById(R.id.title);
			fv.pubDate = (TextView)convertView.findViewById(R.id.pub_date);
			fv.img=(ImageView)convertView.findViewById(R.id.img);
 
 
			convertView.setTag(fv);
 
		} 
		else
		{
			fv = (FeedView) convertView.getTag()
		}
 
		fv.creator.setText(feeds.get(position).getCreator());
		fv.pubDate.setText(feeds.get(position).getPubDate());
		fv.title.setText(feeds.get(position).getTitle());
 
		return convertView;
	}

a travers la méthode "inflate" on va faire la conversion de notre layout XML en IHM android j'aimerai savoir comment ca se fait pour les images

j'espère que ma question est claire maintenant?

merci

**tlili_info** · 02/09/2011, 10h42

bonjour sabrine,
je pense puisque tu travaille sur flux rss tu peux socker les urls de tes images dans votre base. puis à partir de ton code android tu recuère les urls concernant et tu developpez une méthode pour exatraire l'image à partir de ton url. ensuite dans méthode getview tu positionne l'image dans le bon endroid de ton listview ...

**Feanorin** · 02/09/2011, 10h50

a travers la méthode "inflate" on va faire la conversion de notre layout XML en IHM android j'aimerai savoir comment ca se fait pour les images

C'est très simple

.

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
 
@Override
	public View getView(int position, View convertView, ViewGroup parent){
		// * Le paramètre "convertView" permet de recycler les élements 
		// * de notre liste. En effet, l'opération pour convertir un layout 
		// * XML en IHM standard est très couteuse pour la plateforme Android. 
		// * On nous propose ici de réutiliser des occurences créées qui ne sont 
		// * plus affichées. Donc si ce paramètre est "null" alors, il faut "inflater" 
		// * notre layout XML, sinon on le réutilise
 
 
		FeedView fv;		
 
		if (convertView == null)
		{
			fv = new FeedView();
			convertView = inflater.inflate(R.layout.feed_view, null);
 
			fv.creator = (TextView)convertView.findViewById(R.id.creator);			
			fv.title = (TextView)convertView.findViewById(R.id.title);
			fv.pubDate = (TextView)convertView.findViewById(R.id.pub_date);
			fv.img=(ImageView)convertView.findViewById(R.id.img);
 
 
			convertView.setTag(fv);
 
		} 
		else
		{
			fv = (FeedView) convertView.getTag()
		}
 
		fv.creator.setText(feeds.get(position).getCreator());
		fv.pubDate.setText(feeds.get(position).getPubDate());
		fv.title.setText(feeds.get(position).getTitle());
                BitmapTaBitmap = BitmapFactory.decodeFile(Ton chemin); // le chemin en fonction de la position :)
                fv.img.setImageBitmap(TaBitmap); // ou fv.img.setImageResource (int resId) si c'est l'image est une ressource 
 
		return convertView;
	}

**sabrineisimm** · 02/09/2011, 11h19

un grand merci Feanorin

je vais essayer ta proposition et je t'informe du résultat

**sabrineisimm** · 02/09/2011, 11h32

ca n'a pas marche le code s'exécute correctement normalement mais ca n'affiche rien ???

le paramètre "ton chemin" peut être n'importe quelle source : une url par exemple ou une source locale ?
j'ai essaye avec ces 2 :

- "http://l.yimg.com/bt/api/res/1.2/o3mH9Wwbu7UswdL409TlqQ--/YXBwaWQ9eW5ld3M7Zmk9ZmlsbDtoPTg2O3E9ODU7dz0xMzA-/http://l.yimg.com/os/fr_FR/News/LeMonde.fr/1521380_3_05ef_un-policier-releve-des-indices-a-proximite-d-un.jpg"

- "D:/icone.png"

N.B: je teste sur le flux rss yahoo

**Feanorin** · 02/09/2011, 11h40

Une discussion parlant d'un flux RSS a affiché dans une listView

http://www.developpez.net/forums/d10...l/#post5850218

Le chemin n'est pas celui de ton pc mais la sdcard , par contre l'url aurait dû marché

**sabrineisimm** · 02/09/2011, 11h42

merci tlili mais peux tu me clarfier plus ta proposition ?
merci encore

**sabrineisimm** · 02/09/2011, 11h49

Peut etre le pb vient de description graphique de ma fenetre
voici ce que je viens de faire

c'est la structure du item de ma liste :

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
 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="horizontal">
  <TextView 
  		android:id="@+id/creator"  
  		android:layout_width="wrap_content" 
  		android:layout_height="wrap_content"
  		android:layout_marginRight="10px"
 	/>
 
 
  <LinearLayout 
	  android:layout_width="wrap_content"
	  android:layout_height="wrap_content"
  	  android:orientation="vertical"
  >
  	<TextView 
  		android:id="@+id/title"  
  		android:layout_width="wrap_content" 
  		android:layout_height="wrap_content"/>
  	 <TextView 
  		android:id="@+id/pub_date" 
  		android:layout_width="wrap_content" 
  		android:layout_height="wrap_content"
	/>
  </LinearLayout>
  <LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="horizontal">
  <ImageView
  	android:id="@+id/img"
					android:layout_width="fill_parent"
					android:layout_height="fill_parent"
				   	android:layout_gravity="center_vertical"
				   	android:padding="10px"
				   	android:src="@drawable/icon"
				   	android:layout_toLeftOf="@id/creator"
 
 
  />
</LinearLayout>  
</LinearLayout>

merci

**sabrineisimm** · 02/09/2011, 11h54

je m'excuse Feanorin pour le décalage de réponses, j'ai un Pb de conn

concernant la discussion je vais jeter un coup d'œil ca semble que c'est lui ce que je cherche
1000 merci
je vais l'essayer

**tlili_info** · 02/09/2011, 11h56

je ne comprend pas pourquoi tu utilise deux linearlayout pour la list view tu peux dans un seul linearlayout mettre tout, il faut juste régler le position de composant dans le linearlayout ce facile je pense si tu as récuperer tout vos données

**sabrineisimm** · 02/09/2011, 12h16

Merciiiiiiiiiiiiiii tlili et merci a tous vraiment avec vos réponses et conseils, cela m'encourage toujours à faire un effort de plus pour avancer

Après les tests je vous informerai de ce que j'obtiendrai

Tous mes respects aux membres pour votre dynamisme.

Parsing image pour chaque item d'une ListView

Composants graphiques Android

Discussions similaires

Partager

Partager