Grâce au template Android Studio, nous avons une application Android d’ores et déjà fonctionnelle. Concrètement, elle se compose actuellement d’une activité qui contient un texte que vous avez personnalisé dans le chapitre précédent.
Comment faire maintenant pour observer le rendu final de cette application sur un téléphone ?
C’est ce que nous allons découvrir tout de suite. Ce chapitre vous montre comment lancer votre application. Vous avez le choix : soit sur un émulateur, c'est-à-dire un appareil virtuel qui se lance sur votre ordinateur, soit sur votre téléphone (ou tablette).
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 :
Oups, la notification suivante s'affiche sûrement en bas de votre fenêtre :
Créez un équipement virtuel
Eh oui, afin de pouvoir lancer l'application sur un émulateur, il est nécessaire de créer un équipement virtuel au préalable. 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 Device Manager, ou sur le menu “Device Manager” sur le bord droit de la fenêtre de votre IDE.
Une nouvelle fenêtre intégrée à Android Studio s’ouvre alors sur la droite de votre écran.
Comme son nom l’indique, le Device Manager vous permet de gérer vos émulateurs. Pour le moment, la liste est vide… On va y remédier ! Cliquez sur le bouton Create Device (dans l’onglet Virtual de cette fenêtre). La fenêtre suivante apparaît alors.
Type d’équipement
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, par exemple.
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.
Image système
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 bouton sous forme d’icône situé à côté de l'image que vous souhaitez installer.
La fenêtre SDK 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 (AVD). Cet écran vous permet de renommer votre appareil et 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 du Device Manager. Super ! Vous pouvez fermer la fenêtre. L’émulateur est sélectionné automatiquement, vous pouvez donc maintenant lancer l’application !
Sélectionnez l'équipement puis cliquez sur OK. Normalement, l'émulateur devrait se lancer dans une n-ième fenêtre intégrée à Android Studio, et après le chargement d'Android, vous devriez voir apparaître votre application, avec le texte que vous avez saisi dans le composant TextView de votre Fragment. Je vous laisse découvrir le mien :
La barre d'outils en haut de la fenêtre qui contient l'émulateur vous permet de modifier certains paramètres. Ils sont tous assez explicites. Soyez curieux ou curieuse, testez chacun d'eux ! Vous pouvez même cliquer sur les trois petits points en bas pour afficher davantage de paramètres.
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 câble USB et de le brancher à votre ordinateur. (On peut également appareiller un téléphone via le WiFi, vous pouvez essayer mais chez moi, ça ne fonctionne pas très bien.)
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 33). 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 la capture d’écran, OnePlus KB2003). 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é
Il est possible de lancer l’application sur un émulateur ou sur un téléphone physique.
L’émulateur vous permettra de générer facilement votre application avec différentes configurations.
Sur un équipement réel, vous pouvez vous assurer que l’expérience utilisateur est conforme avec ce que vous avez envisagé.
Et voilà, vous venez de créer votre premier projet et vous maîtrisez l'interface d'Android Studio. Prochaine étape ? Dessiner l'interface utilisateur de votre premier écran.
