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

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Inscrit en
    D�cembre 2010
    Messages
    2
    D�tails du profil
    Informations forums :
    Inscription : D�cembre 2010
    Messages : 2
    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 : 41
    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
    Par d�faut
    Ca me parait une bonne id�e

  3. #3
    Membre confirm� 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
    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();
            	}
             });
     
        }
    }

  4. #4
    Candidat au Club
    Inscrit en
    D�cembre 2010
    Messages
    2
    D�tails du profil
    Informations forums :
    Inscription : D�cembre 2010
    Messages : 2
    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