• 20 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 08/09/2021

Lancez l'application sur l'émulateur ou sur un équipement réel

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

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 :

Cliquez sur le bouton de lecture en vert pour lancer l'émulateur
Cliquez sur le bouton de lecture en vert pour lancer l'émulateur

Ensuite, la fenêtre suivante s'affiche :

Une fenêtre s'ouvre lorsque vous lancez l'émulateur
Une fenêtre s'ouvre lorsque vous lancez l'émulateur

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.

Cliquez sur l'AVD Manager pour créer un équipement virtuel
Cliquez sur l'AVD Manager pour créer un équipement virtuel

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

Sélectionnez le type d'équipement sur lequel vous allez tester votre application
Sélectionnez le type d'équipement sur lequel vous allez tester votre application

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.

Sélectionnez les caractéristiques matérielles de votre équipement : Pixel 4 et cliquez sur Next
Sélectionnez les caractéristiques matérielles de votre équipement : Pixel 4 et cliquez sur 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.

Cliquez sur le lien Download pour installer une image système
Cliquez sur le lien Download pour installer une image système

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 !

1 : l'émulateur est sélectionné automatiquement, 2 : vous pouvez lancer l'application
1 : l'émulateur est sélectionné automatiquement, 2 : vous pouvez 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 :

L'application est lancée sur l'émulateur ! Une barre d'outil à droite vous permet de modifier certains paramètres
L'application est lancée sur l'émulateur ! Une barre d'outil à droite vous permet de modifier certains paramètres

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).

Arrêtez l'application en cliquant sur le bouton Stop
Arrêtez l'application en cliquant sur le bouton Stop

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” ! 

Cliquez sur le menu déroulant pour sélectionner le mode de lancement de votre application
Cliquez sur le menu déroulant pour sélectionner le mode de lancement de votre application

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 !

Exemple de certificat de réussite
Exemple de certificat de réussite