IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Android Discussion :

Liste déroulante avec image + texte


Sujet :

Android

  1. #1
    En attente de confirmation mail
    Inscrit en
    Décembre 2010
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Liste déroulante avec image + texte
    Bonjour

    Je suis entrain de développer une application et j'ai besoin de créer une liste déroulante.
    je réussi bien a créer une avec des textes (liste de pays) avec l'element spinner
    je veux maintenant ajouter le drapeau de chaque pays a coté de son nom.

    vos idées sont les bienvenues. merci

  2. #2
    Rédacteur
    Avatar de MrDuChnok
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2002
    Messages
    2 112
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Juin 2002
    Messages : 2 112
    Points : 4 240
    Points
    4 240
    Par défaut
    Ca me parait une bonne idée
    Si vous jugez mon post utile dans la résolution de votre problème, n'hésitez pas à utiliser le système de vote afin d'améliorer la qualité du forum

  3. #3
    Membre habitué Avatar de cad13
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    247
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 247
    Points : 197
    Points
    197
    Par défaut
    Peut-être que ça va t'aider :

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

    Ou ça : (extrait d'un tuto d'Axon)

    Code XML
    D’abord créer une ListView dans le fichier main.xml :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        >
     
        <ListView
            android:id="@+id/listviewperso"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
          />
     
    </LinearLayout>
    Maintenant créons un nouveau fichier XML que l’on va appeler affichageitem.xml, qui comme son nom l’indique va nous permettre de créer la vue qui affichera l’item dans la ListView.

    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
    <?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="wrap_content"
        >
     
        <ImageView
    		android:id="@+id/img"
    		android:layout_width="wrap_content"
    		android:layout_height="wrap_content"
    	   	android:layout_gravity="center_vertical"
    	   	android:padding="10px"
    		/>
     
    	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    	    android:orientation="vertical"
    	    android:layout_width="fill_parent"
    	    android:layout_height="wrap_content"
    	   	android:layout_gravity="center_vertical"
    	   	android:paddingLeft="10px"
    	    android:layout_weight="1"
    	    >
     
    	    <TextView android:id="@+id/titre"
    	         android:layout_width="fill_parent"
    	         android:layout_height="fill_parent"
    	         android:textSize="16px"
    	         android:textStyle="bold"
    	         />
     
    	    <TextView android:id="@+id/description"
    	         android:layout_width="fill_parent"
    	         android:layout_height="fill_parent"
    	         />
     
        </LinearLayout>
     
    </LinearLayout>
    Code JAVA

    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
    package com.tutomobile.android.listView;
     
    import java.util.ArrayList;
    import java.util.HashMap;
     
    import com.tutomobile.android.listView.R;
     
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ListView;
    import android.widget.SimpleAdapter;
    import android.widget.AdapterView.OnItemClickListener;
     
    public class Tutoriel5_Android extends Activity {
     
    	private ListView maListViewPerso;
     
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
     
            //Récupération de la listview créée dans le fichier main.xml
            maListViewPerso = (ListView) findViewById(R.id.listviewperso);
     
            //Création de la ArrayList qui nous permettra de remplire la listView
            ArrayList<HashMap<String, String>> listItem = new ArrayList<HashMap<String, String>>();
     
            //On déclare la HashMap qui contiendra les informations pour un item
            HashMap<String, String> map;
     
            //Création d'une HashMap pour insérer les informations du premier item de notre listView
            map = new HashMap<String, String>();
            //on insère un élément titre que l'on récupérera dans le textView titre créé dans le fichier affichageitem.xml
            map.put("titre", "Word");
            //on insère un élément description que l'on récupérera dans le textView description créé dans le fichier affichageitem.xml
            map.put("description", "Editeur de texte");
            //on insère la référence à l'image (convertit en String car normalement c'est un int) que l'on récupérera dans l'imageView créé dans le fichier affichageitem.xml
            map.put("img", String.valueOf(R.drawable.word));
            //enfin on ajoute cette hashMap dans la arrayList
            listItem.add(map);
     
            //On refait la manip plusieurs fois avec des données différentes pour former les items de notre ListView
     
            map = new HashMap<String, String>();
            map.put("titre", "Excel");
            map.put("description", "Tableur");
            map.put("img", String.valueOf(R.drawable.excel));
            listItem.add(map);
     
            map = new HashMap<String, String>();
            map.put("titre", "Power Point");
            map.put("description", "Logiciel de présentation");
            map.put("img", String.valueOf(R.drawable.powerpoint));
            listItem.add(map);
     
            map = new HashMap<String, String>();
            map.put("titre", "Outlook");
            map.put("description", "Client de courrier électronique");
            map.put("img", String.valueOf(R.drawable.outlook));
            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 mSchedule = new SimpleAdapter (this.getBaseContext(), listItem, R.layout.affichageitem,
                   new String[] {"img", "titre", "description"}, new int[] {R.id.img, R.id.titre, R.id.description});
     
            //On attribut à notre listView l'adapter que l'on vient de créer
            maListViewPerso.setAdapter(mSchedule);
     
            //Enfin on met un écouteur d'évènement sur notre listView
            maListViewPerso.setOnItemClickListener(new OnItemClickListener() {
    			@Override
            	@SuppressWarnings("unchecked")
             	public void onItemClick(AdapterView<?> a, View v, int position, long id) {
    				//on récupère la HashMap contenant les infos de notre item (titre, description, img)
            		HashMap<String, String> map = (HashMap<String, String>) maListViewPerso.getItemAtPosition(position);
            		//on créer une boite de dialogue
            		AlertDialog.Builder adb = new AlertDialog.Builder(Tutoriel5_Android.this);
            		//on attribut un titre à notre boite de dialogue
            		adb.setTitle("Sélection Item");
            		//on insère un message à notre boite de dialogue, et ici on affiche le titre de l'item cliqué
            		adb.setMessage("Votre choix : "+map.get("titre"));
            		//on indique que l'on veut le bouton ok à notre boite de dialogue
            		adb.setPositiveButton("Ok", null);
            		//on affiche la boite de dialogue
            		adb.show();
            	}
             });
     
        }
    }
    Christian
    Nexus 1 sous Cyanogen - Acer A500

  4. #4
    En attente de confirmation mail
    Inscrit en
    Décembre 2010
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    Merci pour ta réponse cad13, c'est pas encore gagné. Le tutoriel propose une liste simple et moi j'ai besoin d'une liste déroulante (une combobox en java, <select ><option .... </select> en HTML)
    je vais creuser un peu pour combiner ce que j'ai avec ce que tu m'as filer.
    Si d'autres idées merci de les partager.

Discussions similaires

  1. Liste déroulante avec image
    Par rorette68 dans le forum Composants
    Réponses: 3
    Dernier message: 07/07/2009, 23h43
  2. liste déroulante avec image à côté du texte
    Par laurentSc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 26/11/2008, 15h22
  3. [JavaScript] [SRC] Listes déroulantes avec images
    Par Auteur dans le forum Contribuez
    Réponses: 6
    Dernier message: 23/08/2008, 12h51
  4. Liste déroulante avec données texte = un chiffre
    Par larson14 dans le forum Macros et VBA Excel
    Réponses: 12
    Dernier message: 14/09/2007, 05h53
  5. Liste déroulante avec images
    Par pc75 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 12/07/2007, 21h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo