Premire application : Hello MOI

Nous allons donc faire aujourdhui une petite variante du Hello World, le Hello Moi .

Cration dun projet Android

Alors pour commencer cliquez sur File >>> New >>> Project. Une fentre wizard de cration
de nouveau projet va souvrir et vous devrez y renseigner le nom du projet, la version minimal
du SDK, le nom de lapplication, le nom du package, le nom de lactivit cre automatiquement
et enfin indiquer le numro de lAPI de la version du SDK.
La BlackActivity permet de crer demble une activit, cest dire pour faire simple une classe
java qui sera excute par lintermdiaire de vues. Enfin, il est ncessaire de slectionner la
version de la plate-forme sur laquelle on souhaite dvelopper. Ici, moi jai choisi Android 4.4.

Une fois tout cela rempli, cliquez sur Finish et vous devez avoir un projet Android qui sest
cr de la faon suivante :
Sans rien toucher au projet nous allons compiler et lancer lapplication, pour cela faites un clic
sur le bouton run

Vous allez srement avoir un message vous demandant de choisir votre AVD (Android Virtual
Device).

Et normalement aprs un petit temps de chargement vous devriez voir apparatre sous vos yeux
bahis ceci :

Bon maintenant passons aux choses srieuses (si je puis dire notre niveau) et commenons
programmer un petit peu.

Android : JAVA et surtout XML

IMPORTANT : Noubliez pas denregistrer le projet aprs chaque tape (Ctrl + S)

Et oui la programmation sous Android ncessite dutiliser du XML, mais vous verrez cela nest
pas trs compliqu, alors commenons. Pour cela double cliquez sur le fichier strings.xml situ
dans res >>> values et modifiez lattribut app_name (un simple clic suffit) en lui indiquant
dans le champ Value Hello MOI (par exemple). Vous venez de changer le nom de votre
application. Ainsi, avant, en haut gauche de votre application il y avait crit Example1 , et
il y aura dsormais crit Hello Adil .

Maintenant supprimez lattribut hello_world, nous allons en crer de nouveaux (cf. ci-dessus).
Pour cela, choisissez <string puis cliquez sur OK. Ensuite, inscrivez dans le champ Name :
prenom et entre les balises le Value : Entrez votre prnom : . Rptez lopration avec
les couples Name/Value suivant : prenomHint/Tapez votre prnom et bouton/Envoyer .

Crons maintenant de nouveaux fichiers XML pour mettre un peu de couleurs et de grandeurs
par la suite. Faites un clic droit sur le dossier values ( gauche cf. image ci-dessus) cliquez sur
New >>> Values ressource File puis remplissez le champ File par dimensions.xml puis
cochez Values et cliquez sur Finish. Crez ensuite un nouvel attribut de type dimen (de la
mme manire que prcdemment pour le fichier strings.xml) avec le couple
Name/Value suivant : dimMessage/30px . Crez de la mme faon un fichier colors.xml,
puis ajoutez lui un attribut de type color avec le couple Name/Value suivant :
couleurMessage/#ffa800 .
Cration de linterface graphique

Maintenant ouvrez le fichier activity_main.xml (qui se situe dans res >>> layout) et
copiez/collez ceci :
Les explications :

android:id >>> permet de donner un id llment que lon crer, ce qui nous permettra
de le rcuprer dans notre code java plus tard
android:layout_width et android:layout_height>>>permet de dfinir le remplissage
de llment (en largeur et en hauteur)
o fill_parent >>> indique que llment prend toute la place disponible (en largeur
et/ou en hauteur)
o wrap_content >>> indique que llment prend uniquement la place quil a
besoins (en largeur et/ou en hauteur)
android:layout_gravity >>> permet de prciser la position de llment
(center_horizontal, center_vertical, etc)
android:text >>> permet de configurer le texte qui saffichera, ici dans notre exemple
on utilise les attributs du fichier strings.xml que lon a cr tout lheure
android:textSize >>> permet de configurer la taille du texte, on utilise cette fois
lattribut du fichierdimensions.xml
android:textColor >>> permet de configurer la couleur du texte, on utilise cette fois
lattribut du fichiercolors.xml
android:hint >>> permet de configurer le texte qui saffichera lorsque EditText est
vide, et encore une fois on utilise un attribut du fichier strings.xml
android:layout_weight >>> cest un poids dterminant la taille de llment par
rapport lautre ainsi lEditText prendra plus de place que le Button. Si un spcialiste
passe par ici, quil nous claire

Voil pour les petites explications si vous navez pas compris quelques choses laissez votre
question en commentaire. Maintenant si lon compile et lance lapplication on devrait obtenir
ceci :

Cration de lvnement en JAVA

Si tout est ok continuons et commenons programmer en JAVA. Il va falloir mettre un

couteur dvnement sur le bouton Envoyer pour rcuprer le texte que vous aurez entr
pralablement dans lEditText, et afficher Hello votrePrenom de deux manires. Je vous
donne directement le code comment, il ne vous reste plus qu faire un copier/coller dans le
fichier Tutoriel1_Android.java.
Une fois que vous avez mis en place ce code JAVA, si vous lancez lapplication, que vous
entrez votre prnom et que vous cliquez sur le bouton Envoyer vous devriez voir apparatre
ceci :
Exercice :

Raliser lapplication Calculatrice qui ressemble ceci