Modification Police ListView

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour à tous,

je rencontre un problème lorsque j'essai de modifier la police de ma listView. Pour m'expliquer voici le code:
Code:

1 2 3 4 5 6 7 8 9 10 11 //Création d'un SimpleAdapter qui se chargera de mettre les items présent dans la list (listItem) dans la vue affichageitem SimpleAdapter sadaptbis = new SimpleAdapter (this.getBaseContext(), listItem,R.layout.affichageitembis, new String [] {"name", "adresse", "CP", "ville", "average_price", "distance"}, new int[] {R.id.nom, R.id.adresse, R.id.CP, R.id.ville, R.id.prixMoyen, R.id.distance}); verdana = Typeface.createFromAsset(getAssets(), "verdana.ttf"); nom = (TextView)findViewById(R.id.nom); nom.setTypeface(verdana); //J'attribut à ma listView l'adapter que je viens de créer maListePerso.setAdapter(sadaptbis);
Je un pointeur null à la ligne 8, ce qui est normal puisque R.id.nom fait parti du fichier XML qui décrit la liste view, alors que le fichier XML courant comporte d'autre chose dont la listView, mais c'est "affichageitembis" qui décrit la style de chaque item.

Je voudrais donc modifier la police d'une TextView dans un item mais je n'y arrive pas et je sais pas comment faire.

Je vous remercie

12/07/2012, 14h19
Ryu2000

A mon avis c'est nom qui est null.
Tu ne dois pas être dans une Activity qui utilise un layout avec un TextView R.id.nom il doit surement être dans R.layout.affichageitembis.

De toute façon ce que tu fais à cet endroit ne sert à rien.

Dans le fichier R.layout.affichageitembis dans la TextView met :

Code:

android:typeface="verdana"

Mais je ne sais pas si il connait verdana.

Ou sinon tu peux faire ton propre Adapter avec getView et dedans tu met la police.
12/07/2012, 14h38
italia57

Dans l'activité j'ai un fichier XML utilisé pour la structure général de l'activité mais j'ai également un autre fichier XML utilisé pour la mise en forme des items de la listView. Et dans ce deuxième fichier XML il y a bien R.id.nom

Verdana n'est pas pris en compte

Oui j'avais très bien compris le truc.
Le layout de l'Activity ne connait pas R.id.nom d'où le null pointer exception.

Tu dois créer ton propre Adapter c'est extrêmement simple.

http://mickael-lt.developpez.com/tut...iser-listview/
http://a-renouard.developpez.com/tut...iser-listview/

Pour faire simple, il te fait une classe qu'extends BaseAdapter.
Le constructeur va recevoir un Context et listItem.

Tu mets ça aussi :
Code:

1 2 mInflater = LayoutInflater.from(mContext); verdana = Typeface.createFromAsset(getAssets(), "verdana.ttf");
Et dans getView :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 LinearLayout layoutItem; if (convertView == null) { layoutItem = (LinearLayout) mInflater.inflate(R.layout.personne_layout, parent, false); } else { layoutItem = (LinearLayout) convertView; } TextView tv_Nom = (TextView)layoutItem.findViewById(R.id.nom); tv_Nom.setTypeface(verdana); tv_Nom.setText(...); return layoutItem;
Bon je te mâche beaucoup trop le travail et tu risques de ne rien apprendre.
Là t'as plus rien du tout à faire.

Je te remercie, je vais tester ça

EDIT: cependant moi je n'ai pas de class Adapter puisque j'utilise SimpleAdapter. Je ne vois donc pas comment je pourrais utiliser ta solution avec ce que j'ai en place.

Je récupère ces infos d'une base de données en faite.

EDIT 2:

Car mon je récupère les infos d'une BDD de cette manière:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
try{
	    	        	JSONArray jArray = new JSONArray(result);
 
	    	            for(int i=0;i<jArray.length();i++)
	    	            {
 
	    	            		json_data = jArray.getJSONObject(i);
	    	            		donnees.add(json_data.getString("name"));
	    	            		donnees.add(json_data.getString("adresse"));
	    	            		donnees.add(json_data.getString("CP"));
	    	            		donnees.add(json_data.getString("ville"));
	    	            		donnees.add(json_data.getString("average_price"));
	    	            		donnees.add(json_data.getString("villedelivered"));
	    	            		donnees.add(json_data.getString("cpdelivered"));
 
	    	             }
 
	    	       }

Ensuite je fais ceci:

Code:

1
2
 
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1, donnees);

Et après je fait ça:

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
 
//Récupération de la listview crée dans le fichier main.xml
		  	        maListePerso = (ListView)findViewById(R.id.listResto);
 
		  	        for (i=0; i<= compteur - 1; i++ )
		  	        {
 
		  	        	map = new HashMap<String,String> ();
 
		  	        	if (i != 0)
		  	        	{
		  	        		j++;
		  	        	}
 
		  	        	map.put("name", adapter.getItem(j));
		  	        	j++;
		  	        	map.put("adresse", adapter.getItem(j));
		  	        	j++; 
		  	        	map.put("CP", adapter.getItem(j));
		  	        	j++; 
		  	        	map.put("ville", adapter.getItem(j));
		  	        	j++; 
		  	        	map.put("average_price", adapter.getItem(j));
		  	        	j++;
		  	        	map.put("villedelivered", adapter.getItem(j));
		  	        	j++;
		  	        	map.put("cpdelivered", adapter.getItem(j));
 
 
		  	            listItem.add(map);
 
		  	        }
 
		  	        //Création d'un SimpleAdapter qui se chargera de mettre les items présent dans notre list (listItem) dans la vue affichageitem
		  	        SimpleAdapter sadapt = new SimpleAdapter (this.getBaseContext(), listItem,R.layout.affichageitembis, new String [] {"name", "adresse", "CP", "ville", "average_price"}, new int[] {R.id.nom, R.id.adresse, R.id.CP, R.id.ville, R.id.prixMoyen});
 
 
 
 
		          //texteViewAdresseSiteWeb.setTypeface(verdana, verdana.BOLD)
 
		  	        //On attribut à notre listView l'adapter que l'on vient de créer
		  	        maListePerso.setAdapter(sadapt);

Je vois pas comment je pourrais faire intervenir mon AdapterPersonnalisé...

Et quelque chose t'empêche d'hériter de SimpleAdapter ?

On fait de l'orienté-objets... ne l'oublions pas !
Bref un truc genre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
class SimpleFontAdapter extends SimpleAdapter
{
     ... copier tous les constructeurs de SimpleAdapter (eclipse le fait tout seul)...
 
     @Override
     public View getView(...)
     {
          View ret = super.getView(...);
 
          TextView tv_Nom = (TextView)layoutItem.findViewById(R.id.nom);
          tv_Nom.setTypeface(verdana);
      }
}

12/07/2012, 16h26
italia57
Oui je n'oubli pas, t'inquiète pas mais j'avoue que j'ai du mal à voir.

J'ai Edité mon poste du dessus

Merci pour le tuyau de SimpleAdapter, mais il ne me reconnait pas la ligne suivante:
Code:

1 2 prout = Typeface.createFromAsset(getAssets(), "verdana.ttf");
à cause de getAssets()...
12/07/2012, 16h39
Ryu2000
Ça se fait simplement une classe qu'extends BaseAdapter et qui reçois un JSONArray.

Il faut juste mettre :
Code:

1 2 3 4 @Override public int getCount() { return array.length(); }
Et dans getView :

Code:

array.get(position);

http://imalbum.aufeminin.com/album/D..._H183810_L.jpg
Moi j'aime pas les SimpleAdapter.
12/07/2012, 16h44
italia57

La j'étais parti avec Simple Adapter car je ne comprend vraiment pas comment faire avec ce que tu me proposes thierrybenji. Car la classe Adapter je l'ai comprise, mais c'est après dans l'activité comme je fais pour dire ce que je récupère là va dans ce textView etc... Ce que je fais pour le moment avec un SimpleAdapter. Car actuellement le SImpleAdapter utilise une liste de HashMap

Après l'option de nicroman ne me reconnait pas getAssets()... Donc je ne sais pas trop
12/07/2012, 16h55
nicroman

Non mais il faut creuser un peu... on va pas tout programmer à ta place.... chercher les docs, utiliser javadocs, lire les tutoriaux (les bons hein ! :) ), etc...

getAssets() marche dans un context (activité,etc...)
Donc il faut l'utiliser sur un Context ! A toi de chercher pour savoir comment le récupérer ce context...

La solution à base de SimpleAdapter marche, c'est vrai, mais c'est vraiment utiliser une foreuse à pointe diamant pour faire un trou dans une feuille de papier ! Rien qu'écrire dans mon code un truc genre: List<String,Hashtable<String,String>> me file des boutons ;)

La solution de thierrybenji est LA solution propre... utilisation d'un BaseAdapter, avec une classe "custom" ['data class'] pour les getItem()... On au pire, conservation des JSONObject....
Java à l'avantage d'être un langage fortement typé, c'est pas pour tout transformer en String (méthode javascript/php).
12/07/2012, 16h55
Ryu2000
Une fois que t'as ta classe qu'extends BaseAdapter.

Dans ton Activity tu fais :
Code:

1 2 MonAdapter monAdapter = new MonAdapter(this, array); listView.setAdapter(monAdapter);
getAssets c'est une méthode d'Activity probablement, fais ça dans le constructeur de l'Adapter :

Code:

mContext.getAssets()

Bon de toute façon que ton Custom Adapter extends SimpleAdapter ou BaseAdapter, c'est quasiment la même chose.
Dans le constructeur il y aura forcement un Context, avec ce Context tu pourra récupérer ta font qui est dans les assets.

Et dans getView tu pourra appliqué cette font à n'importe quelle TextView.
12/07/2012, 16h57
italia57

Je ne viens pas ici pour que l'on me programme ce que j'ai à faire mais simplement parce que je ne comprend pas.

Mais je vais me débrouiller.

Merci à vous deux.
12/07/2012, 17h14
Ryu2000

En fait tout est expliqué dans le 1er lien que je t'ai donné :
http://mickael-lt.developpez.com/tut...iser-listview/

Dans l'exemple proposé, il construit une ListView avec une ArrayList<Personne> et il a créé la classe Personne 8-)

Ce tuto est trop bien :ccool:

Après tu peux peuplé ta ListView avec ce que tu veux, un JSONArray, une ArrayList, un Cursor, etc...

Une fois qu'on a compris le truc c'est super simple.
Il suffit de faire un constructeur et remplir getView et c'est fini.
12/07/2012, 17h51
italia57

Je te remercie beaucoup, je nage, j'essai de faire fonctionner ça en vain pour le moment.

Merci beaucoup pour votre aide.
13/07/2012, 08h44
Ryu2000

http://mickael-lt.developpez.com/tut...iser-listview/
Télécharge DVP_List2.zip et importe le dans Eclipse.

Il peuple une ListView avec une ArrayList.
Toi ça va être pareil mais avec un JSONArray.

T'as quasiment qu'un copier/coller à faire.

Je te remercie beaucoup.

Je vais regarder ça

EDIT:

J'obtiens un FC à cause d'un pointeur null mais je ne vois pas comment ça se fait.

Voici le code de 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
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
 
package com.restomaniak.alpha;
 
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
 
import android.content.Context;
import android.graphics.Typeface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.TextView;
 
public class AdapterPersoBis extends BaseAdapter {
 
	private List<String> maListe;
	private Context mContext;
	private LayoutInflater mInflater;
	Typeface verdana;
 
 
	public AdapterPersoBis (Context context, ArrayList<String> donnees)
	{
		mContext = context;
		maListe = donnees;
		mInflater = LayoutInflater.from(mContext);
		verdana = Typeface.createFromAsset(mContext.getAssets(), "verdana.ttf");
 
 
	}
 
	public int getCount() {
		return maListe.size();
		// TODO Auto-generated method stub
 
 
	}
 
	public Object getItem(int position) {
		// TODO Auto-generated method stub
 
		return maListe.get(position);
	}
 
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return 0;
	}
 
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		LinearLayout layoutItem;
		  //(1) : Réutilisation des layouts
		  if (convertView == null) {
		  	//Initialisation de notre item à partir du  layout XML "personne_layout.xml"
		    layoutItem = (LinearLayout) mInflater.inflate(R.layout.affichageitembis, parent, false);
		  } else {
		  	layoutItem = (LinearLayout) convertView;
		  }
 
		  //(2) : Récupération des TextView de notre layout      
		  TextView tv_Nom = (TextView)layoutItem.findViewById(R.id.nom);
		  TextView tv_Adresse = (TextView)layoutItem.findViewById(R.id.adresse);
		  TextView tv_CP = (TextView)layoutItem.findViewById(R.id.CP);
		  TextView tv_Ville = (TextView)layoutItem.findViewById(R.id.ville);
		  TextView tv_PrixMoyen = (TextView)layoutItem.findViewById(R.id.prixMoyen);
		  TextView tv_Distance = (TextView)layoutItem.findViewById(R.id.distance);
		  TextView tv_prout = (TextView)layoutItem.findViewById(R.id.prixMoyeneuro);
 
		  //(3) : Renseignement des valeurs       
		  tv_Nom.setText((CharSequence) maListe.get(position));
		  tv_Adresse.setText((CharSequence) maListe.get(position));
		  tv_CP.setText((CharSequence) maListe.get(position));
		  tv_Ville.setText((CharSequence) maListe.get(position));
		  tv_PrixMoyen.setText((CharSequence) maListe.get(position));
		  tv_Distance.setText((CharSequence) maListe.get(position));
		  tv_prout.setText((CharSequence) maListe.get(position));
 
		  /*//(4) Changement de la couleur du fond de notre item
		  if (mListP.get(position).genre == Personne.MASCULIN) {
		    layoutItem.setBackgroundColor(Color.BLUE);
		  } else {
		  	layoutItem.setBackgroundColor(Color.MAGENTA);
		  }*/
 
		  //On retourne l'item créé.
		  return layoutItem;
	}
 
}

Ensuite voici comme je traite l'ArrayListe, car au final j'utilise ArrayList également et pas un JSONArray:

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
 
//recuperation des donnees json
  	        try{
  	        	JSONArray jArray = new JSONArray(result);
 
  	            for(int i=0;i<jArray.length();i++)
  	            {
 
  	                   json_data = jArray.getJSONObject(i);
  	                   donnees.add(json_data.getString("name"));
  	                   donnees.add(json_data.getString("adresse"));
  	                   donnees.add(json_data.getString("CP"));
  	                   donnees.add(json_data.getString("ville"));
  	                   donnees.add(json_data.getString("average_price"));
  	                   donnees.add(json_data.getString("long"));
  	                   donnees.add(json_data.getString("lat"));
 
 
  	             }
 
 
  	       }
  		    catch(JSONException e1)
  		    {
  		    	Log.i("tagjsonexp",""+e1.toString());
  		    } catch (ParseException e1) {
 
  		     Log.i("tagjsonpars",""+e1.toString());
  	       }
 
 
      	  //Création et initialisation de l'Adapter pour les personnes
            AdapterPersoBis adapterProut = new AdapterPersoBis(this, donnees);
 
            //Récupération du composant ListView
            ListView list = (ListView)findViewById(R.id.listResto);
 
            //Initialisation de la liste avec les données
            list.setAdapter(adapterProut);

J'ai un pointeur null sur:

Code:

1
2
 
list.setAdapter(adapterProut);

Je sais pas si vous voyez une grosse erreur, mais en tout cas il y en a une malheureusement.

13/07/2012, 11h13
linked

Quand tu as un NullPointerException, le mieux c'est que tu mette des:

Code:

Log.d("tag","test ma variable:"+maVariable)

Sinon je dirais que "donnees" est null peut être car "result" est null aussi. A voir avec le code que j'ai mis.
13/07/2012, 11h23
Hizin

Pour les NPE, le mieux est quand même de mettre un simple breakpoint et de regarder avec le débogueur (sauf dans le cas où la NPE est déclenchée par une API interne inaccessible ... là, c'est plus drôle).

donnees n'est pas nul car j'ai appliqué ce code:
Code:

1 2 3 4 5 6 7 System.out.println("Resultat" + donnees.size()); for (int p=0; p<donnees.size(); p++) { System.out.println("Infos " + p + " = " + donnees.get(p)); }
et dans le logcat je récupère ça:

http://www.restomaniak.com/media/CaptureList.PNG

EDIT: c'est bon je sais pas comment ça se fait cette ligne avait disparu:

Code:

setContentView(R.layout.listeresto);

Toutes les infos s'affiche mais pas comme je le souhaite, car il devrait me créer seulement deux items et il m'en crée 14 car je reçois 14 infos, mais en faite il y en a 7 par items

13/07/2012, 11h46
Ryu2000
Si :

Code:

list.setAdapter(adapter);

Déclenche un Null Pointer Exception, tu fais :
Code:

1 2 System.out.println("list : "+liste); System.out.println("adapter : "+adapter);
Et après ça tu sais quel variable est null.

Si tu n'as pas le bon nombre de ligne c'est que tu fais mal ton ArrayList.

T'as quoi dans :
public int getCount() ?

Voir 40 message(s) de cette discussion en une page