Étude et modification du Hello World

Créez un nouveau projet en sélectionnant à nouveau « Empty views activity ».

Modifiez le projet de telle sorte que le message affiché dans l’application soit remplacé par « Bonjour tout le monde ». Testez.

Faites en sorte de ne plus avoir de warning dans la ligne contenant la chaîne de caractères « Bonjour tout le monde ».

Trouvez le moyen de modifier le nom de l’application en « Salut ». Testez.

Sous Android Studio, l’onglet LogCat (en bas de l’IDE) constitue la console de sortie permettant de tracer l’application. Essayez de rajouter un System.out.println lors du démarrage de l’application, puis de le visualiser dans LogCat.

Utilisez maintenant la bonne manière de tracer l’application : en utilisant le code suivant plutôt que System.out.println : Log.i("tag","message").

Trouvez un moyen de modifier la couleur de fond de la boîte de texte contenant hello world.

Testez l’ajout d’un composant graphique, un bouton, en mode design sur le bon fichier XML.

Ajoutez cette fois un composant graphique en modifiant directement le code XML, en rajoutant une balise.

Si ce n’est pas fait, testez les trois sortes de boutons les plus simples (cf. cours) : uniquement texte, avec une image et les deux à la fois.

Vérifiez que vous n’avez aucun warning dans le fichier XML, corrigez le cas échéant.

Testez l’ajout d’un composant de type ImageView en prenant dans les exemples d’images disponibles.

Essayez maintenant de le faire en utilisant une image à vous.

Pas si simple…​ En fait, il faut comprendre que les seules images disponibles sont celles qui sont ajoutées dans les répertoires définis comme contenant des ressources (i.e. des sous-répertoires de res). Ce qui est possible dans AS, par exemple en cliquant sur le +, puis sur import drawables, au moment de l’ajout d’un composant de type ImageView. Ou bien en ouvrant le resource manager (onglet vertical sur la gauche d’AS). Testez les deux.

Ajoutez un champ texte et modifiez le code ou la bonne propriété en mode design pour tester différents types de clavier (cf. cours).

Testez quelques variations possibles sur la propriété imeOptions du composant EditText.

Essayez de rajouter un composant layout de type LinearLayout positionné sur une moitié de l’écran, et constatez le résultat sur l’arbre des composants : onglet Component Tree en mode design.

Ajoutez quelques composants dans cette partie : vous devriez voir qu’ils ne sont pas gérés de la même manière au niveau de la disposition et constatez leur positionnement dans le Component Tree.

Il est possible de faire du glisser-déposer avec les composants dans le Component Tree : testez cette fonctionnalité.

Créez un nouveau projet en sélectionnant « Basic Views Activity ». Cette application contient beaucoup plus de code et de fichiers, dont la complexité dépasse le contenu du premier cours. En particulier, elle utilise la librairie JetPack (voir la troisième version de la gestion d’un clic dans le deuxième cours pour en avoir une idée). L’objectif de cette partie est d’explorer par vous-même ce squelette qui, bien que complexe, peut être compris en étudiant doucement le code.

Essayez d’exécuter l’application pour voir quels éléments sont présents.

Trouvez dans le projet les sources où se trouve la déclaration du menu disponible dans l’application.

Trouvez le moyen de changer le titre de l’item du menu.

Trouvez un moyen de supprimer le menu de l’application depuis le code Java, en commentant les bonnes lignes.

Remettez le menu.

Faites en sorte de tracer avec un log dans LogCat le fait que l’item du menu a été sélectionné.

Rajoutez un item au menu créé par défaut.

Changez l’icône utilisé dans le bouton qui se trouve en bas à droite de l’application.

Faites en sorte qu’un clic sur ce bouton provoque un log dans LogCat.

Examinez le code en vous posant la question suivante : y a-t-il des signatures de méthodes nouvellement créées ou n’y a-t-il que des redéfinitions de méthodes héritées ?

Ouvrez le fichier strings.xml et essayez l’éditeur de fichier XML en cliquant sur le bouton Open editor et testez quelques modifications.

Dans cet éditeur, trouvez le moyen de faire que l’application fonctionne dans une autre langue.

On peut tester le résultat directement en mode design : essayez !

Pour essayer dans l’émulateur, lisez cette documentation et testez la méthode utilisant adb.

Pour finir de comprendre comment les fichiers sont reliés les uns aux autres, lisez la documentation de la librairie JetPack qui se trouve sur cette page .