Vous avez saisi du code, c'est super, mais concrètement, cela donne quoi ? Ce chapitre vous présente comment lancer votre application. Vous avez le choix : soit sur un émulateur si vous ne possédez pas Android, soit sur votre téléphone (ou tablette) si vous en possédez un (ou une).
Utiliser l'émulateur offre l'avantage de générer facilement différentes configurations, avec des tailles d'écran différentes, une mémoire vive limitée ou une ancienne version d'Android, par exemple. Après, rien ne vaut un test sur un équipement réel, afin de s'assurer que l'expérience utilisateur soit la meilleure possible.
Lancez l'émulateur
Pour lancer l'application, il suffit de cliquer sur le bouton de lecture vert situé dans la barre de l'IDE :
Ensuite, la fenêtre suivante s'affiche :
Création d'un équipement virtuel
Afin de pouvoir lancer l'application sur l'émulateur, il est nécessaire de créer un équipement virtuel. Un équipement virtuel correspond à l'association d'un type d'équipement (la partie matérielle) avec une version d'Android (la partie logicielle). Pour cela, cliquez sur le bouton AVD Manager.
L’AVD Manager vous permet de gérer vos émulateurs. Pour le moment, c’est un peu vide… On va y remédier ! Cliquez sur le bouton Create Virtual Device.
Dans la partie gauche de la fenêtre, vous pouvez sélectionner le type d'équipement. Dans notre cas, ce sera Phone, mais à l'avenir vous pourrez choisir Tablet si vous souhaitez tester l'application sur une tablette.
La partie du milieu liste l'ensemble des équipements disponibles. Chaque équipement possède des caractéristiques matérielles spécifiques (taille de l'écran, résolution, mémoire disponible, etc.). Si un jour vous souhaitez émuler un équipement très spécifique (avec un écran très grand ou peu de mémoire), vous pourrez le créer en cliquant sur le bouton New Hardware Profile. Pour notre besoin, vous pouvez sélectionner le Pixel 4, qui fera parfaitement l'affaire. Cliquez ensuite sur le bouton Next.
L'image système correspond à la version d'Android à installer sur l'équipement virtuel. Je vous conseille de rester dans l'onglet Recommended dans un premier temps. Il est possible que vous deviez installer une image système pour pouvoir aller plus loin : cliquez pour cela sur le lien Download à côté de l'image que vous souhaitez installer.
L'écran Component Installer s'affiche ensuite, le temps de télécharger les fichiers nécessaires. Les fichiers étant assez volumineux, vous avez sûrement le temps de vous faire un café. Ou un thé. Ou une tisane. À la fin de l'installation, cliquez sur le bouton Finish.
De retour sur l'écran System Image, cliquez sur le bouton Next pour arriver sur l'écran Android Virtual Device Manager (AVD Manager). Cet écran vous permet de vérifier la configuration de votre appareil virtuel, voire d'en changer certains paramètres. Pour l'instant, je vous conseille de conserver les paramètres par défaut. Cliquez sur Finish.
Lancement
Vous devez maintenant voir apparaître votre nouvel équipement virtuel dans la fenêtre de l’Android Virtual Device Manager. Super ! Vous pouvez fermer la fenêtre. L’émulateur est sélectionné automatiquement, vous pouvez donc lancer l’application !
Sélectionnez l'équipement puis cliquez sur OK. Normalement, l'émulateur devrait se lancer, et après le chargement d'Android, vous devriez voir apparaître la fenêtre suivante :
La barre d'outils sur le côté droit de l'émulateur vous permet de modifier certains paramètres. Ils sont tous assez explicites. Soyez curieux, testez chacun d'eux ! Vous pouvez même cliquer sur les trois petits points en bas pour afficher davantage de paramètres.
En lançant l'application sur l'émulateur, le focus est fait par défaut sur le premier champ de saisie : vous devriez voir le curseur positionné et clignoter sur le champ de saisie du prénom. Vous pouvez directement utiliser le clavier de votre ordinateur pour saisir votre prénom (si vous souhaitez faire s'afficher le clavier virtuel du téléphone, il vous suffit de cliquer sur le champ de saisie avec votre souris).
Ensuite vous pouvez passer automatiquement à l'élément suivant (en l'occurrence le bouton) en appuyant sur la touche de tabulation et en appuyant sur la touche Entrée pour simuler le clic sur le bouton. Vous devriez voir le bouton s'animer. Il ne se passe rien d'autre, c'est normal, car nous ne l'avons pas encore développé. Cette technique de navigation à partir du clavier est très pratique pour tester un formulaire, par exemple.
Testez sur équipement réel
Rien ne vaut un test sur un équipement réel ! Si vous avez la chance d'avoir un équipement Android sous le coude (téléphone ou tablette), c'est le moment de dégainer son cable USB et de le brancher à votre ordinateur.
Activation du mode développeur
Afin de permettre à Android Studio de communiquer avec votre équipement, il est nécessaire d'activer le mode développeur. Pour ce faire, suivez les instructions de la section Enable developer options détaillées sur cette page.
Ensuite, vous devez permettre à votre système d'exploitation de détecter l'équipement. Si vous êtes sur Mac, profitez car vous n'avez rien à faire ! Si vous êtes sur Windows ou Linux, suivez les instructions détaillées dans la section Set up a device for development de cette page.
Lancement
Si l'application est déjà lancée sur l'émulateur, arrêtez-la en cliquant sur le bouton Stop (carré rouge situé sur la barre d'outils d'Android Studio).
Ensuite, cliquez sur le menu déroulant portant le nom de votre émulateur (pour ma part, c’est Pixel 4 API 30). Vous devriez voir apparaître la fenêtre suivante, qui vous permet de choisir entre un lancement de l'application sur l'émulateur ou sur votre équipement réel (sur le screenshot, HTC HTC_M10h). Sélectionnez votre équipement puis cliquez sur le bouton “Play” !
Récapitulons en vidéo
Retrouvez ces différentes étapes dans la vidéo ci-dessous :
En résumé
Pour lancer l’émulateur et/ou installer l’application, il faut cliquer sur le bouton “Lecture”.
La liste déroulante avant le bouton de lecture permet de sélectionner sur quel équipement on va lancer l’application.
Il est possible d’avoir plusieurs émulateurs (un téléphone et une tablette, par exemple) pour tester les layouts dans des configurations différentes.
Vous avez terminé la première partie de ce cours : félicitations ! 🥳 Rendez-vous dans la partie suivante pour étendre les fonctionnalités de votre application. Mais avant, testez vos connaissances avec un quiz !
