• 19mar

    Développez une application pour android etape 2 (Le menu)



    Dans Mon billet précédent Développez une application pour android j’ai mis en place ma plate forme de développement pour android. Aujourd’hui nous allons passer aux choses sérieuses, développez notre première application sous android.

    Souvent pour une première application on nous fais toujours commencer toujours par le fameux hello world, moi ça m’a toujours gaver de développer cette première application, moi je voulais qu’on m’explique comment faire un menu un truc bien quoi, au lieu d’afficher sur un écran noir hello world de m…….. Donc on commence direct par développer le menu sur android comme ça on attaque sur l’interface directe.

    Nous allons tous d’abord créer un projet android pour cela dans

    file->new->projet dans la boite de dialogue qui s’ouvre sélectionner android

    eclispe1 300x278 Développez une application pour android etape 2 (Le menu) Android France

    vous obtenez arborescence suivant

    /src

    /asset

    /Android Library

    /res

    eclipse2 218x300 Développez une application pour android etape 2 (Le menu) Android France

    le répertoire qui vas nous intéressé aujourd’hui est le répertoire /res parce qu’un des truc vraiment bien avec android c’est la possibilité de déssiner les interfaces avec du xml comme si nous produisons une page html. Ainsi dans le répertoire /res nous aurons un répertoire layout pour les layers, un répertoire menu pour les menus pour le moment on vas regarder que ce répertoire.

    Notre menu principal sera dans un fichier qu’ on va appeler options_menu.xml cliquez sur le bouton droit sur le répertoire menu et sélection créer un fichier donnez lui le nom options_menu.xml. Quand il est créer cliquer sur le fichier on obtient une interface sympathique de création de menu

    eclipse3 300x158 Développez une application pour android etape 2 (Le menu) Android France

    on vas créer quatre accès

    • Planning
    • Génération planning
    • Liste des courses
    • Config

    il ne nous reste plus qu’à instancier ce menu, dans notre fichier principal qui se trouve dans /src/votrepackage/lefichiernomappli.java vous n’avez plus qu’a coller ce texte

    public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.options_menu, menu);
    return true;
    }

    pour plus d’informations sur les classes il y a la doc dans le répertoire android/docs si vous voulez en savoir plus.

    Lancer votre application et en appuyant sur le bouton menu android nous avons notre menu.

    android1 242x300 Développez une application pour android etape 2 (Le menu) Android France android2 207x300 Développez une application pour android etape 2 (Le menu) Android France

    Prochaine étape, affecterdes actions sur ce menu.

    Suite ne pas oublier l’importation des classes requises

    import android.app.*;
    import android.os.Bundle;
    import android.view.*;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.Button;
    import android.widget.ListView;
    import android.widget.TextView;
    import android.view.View.OnClickListener;

    Il est temps de mettre à profit les tutoriels d’Android France:
    Passez à la vitesse supérieure et investissez quelques dizaines d’euros pour acquérir les connaissances qui vous feront gagner de l’argent avec vos applications rendez-vous sur notre boutique Android-france pour ces formations en vidéo


    Apprenez à développer en vidéo

    Guy

    Co-fondateur du site Android france, senior lead developper, passionné de bière et de cigare cubain

    Twitter Google+ 

40 commentaires

  1. 23 décembre 2009 à 18 h 46 min

    oui

  2. 18 avril 2010 à 15 h 37 min

    Bonjour,

    Voilà j’ai créé mon application pour mobile(je le destine principalement au mobile).
    J’en suis au développement.
    Au début je pensais à l’iphone, pb je n’ai aucun matériel Apple et non de dieu que ça coute cher (je suis au chomage peu pas investir dans ce matos d’autant que je ne suis pas sûr d’y arriver). Aujourd’hui j’avoue que je suis un peu perdu, on m’a orienté Android.
    Au niveau language, je ne connais que php, html et css un peu js et j’ai fait un peu d’algo.
    J’ai essayé de téléchargé SDK, mais il semble qu’il faut télécharger Elipse auparavant.
    Merci d’avance de votre aide et de vos conseils et me confirmer s’il faut télécharger Elipse ou bien est-ce qu’un autre logiciel (genre note pad suffit) ?
    Est-ce que je peux développer en php ? (site internet) et est-ce que cela suffit pour s’appliquer au mobile ?
    Merci encore et bonne journée.

    Sylvie

  3. 18 avril 2010 à 22 h 29 min

    En effet il faut que tu télécharge Eclipse, certes tu peux faire ton application avec notepad ^^ mais je te souhaite bon courage ! Il y a toutes sorte de tutoriel sur l’installation du SDK et d’éclipse sur le net. Les apps Android se développe en JAVA, je te conseille de te documenter sur se langage avant de te lancé dans le dev Android, tu peux allé faire un tour sur le SiteDuZero, il y a un super tutoriel sur le JAVA.
    Ensuite je ne peux que te conseiller le Dev Guide d’ Android.

    T’es connaissance en xHTML, CSS … peuvent peut être intéressant, par exemple si tu veux vendre ton application, un site avec une bonne interface est un achat assuré ;)
    Mais cela m’ étonnerai que tu puisse développé une app en PHP pour android.

    Bye, Smith

  4. 16 mai 2010 à 20 h 57 min

    Bonsoir,

    J’essaie de faire ce menu, mais à chaque fois il me retourne une erreur.

    [2010-05-16 21:45:15 - Recette] Error in an XML file: aborting build.
    [2010-05-16 21:45:15 - Recette] W/ResourceType( 2620): Bad XML block: header size 3 or total size 230192 is larger than data size 0
    [2010-05-16 21:45:15 - Recette] D:\eclipse\Workspace\Recette\res\menu\options_menu.xml:1: ERROR Error parsing XML: no element found

    J’ai créé le répertoire menu, j’ai créé mon fichier xml dedans. Jusque là tout va bien. Mais au moment de compiler… paf j’ai cette erreur.

    J’ai recommencer, en mettant les items de suite, en compilant avec le menu vide, avec la fenêtre fermée, et même avec toutes les fenêtres de code source fermées. Rien n’y fait… alors que dois je faire ?

  5. 16 mai 2010 à 21 h 18 min

    J’ai fait un “clean” sur mon appli et depuis ça fonctionne bien ! Je passe donc à l’étape suivante.

  6. 17 mai 2010 à 16 h 28 min

    Bonjour, pour ceux qui n’arrivent pas via ce tuto, voici les grandes lignes :

    1- Créer votre projet android sous eclipse.
    2- Dans le dossier :/res, créer un dossier nommer le menu, dans ce dernier créer un fichier XML : main_menu.xml : remplissez le par les lignes suivantes.

    3- Aller dans le dossier /src et ouvrez votre fichier principale (nomduprojet.java) et mettez les lignes suivantes:

    import android.app.Activity;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuInflater;
    import android.view.MenuItem;
    import android.widget.Toast;

    public class prof extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.main_menu, menu);
    return true;
    }

    // @Override
    public boolean onOptionsItemSelected(MenuItem item)
    {
    switch (item.getItemId())
    {
    case R.id.icon: Toast.makeText(this, “You pressed the icon!”, Toast.LENGTH_LONG).show();
    break;
    case R.id.text: Toast.makeText(this, “You pressed the text!”, Toast.LENGTH_LONG).show();
    break;
    case R.id.icontext: Toast.makeText(this, “You pressed the icon and text!”, Toast.LENGTH_LONG).show();
    break;
    }
    return true;
    }
    }

    4- lancer l’appli et puis sur le clavier cliquer sur la touche “menu” pour voir apparaitre votre menu

  7. 5 avril 2012 à 11 h 11 min

    Bonjour ,
    On met quoi dans le fichier main_menu.xml ???
    merci

Laissez un commentaire

     Vous devez être identifié pour publier un commentaire.
     Connexion - Inscription