Créer et exécuter votre première application Android

1. Introduction

Dans cet atelier de programmation, vous allez créer votre première application Android, Happy Birthday, à partir d'un modèle pour une application de base fournie par Android Studio. Vous verrez également comment se présente un projet Android et vous apprendrez à utiliser différentes fenêtres d'Android Studio.

Conditions préalables

  • Vous êtes capable de configurer et d'utiliser des applications telles qu'un traitement de texte ou un tableur.

Points abordés

  • Créer un projet Android Studio pour une application Android à l'aide d'un modèle

Objectifs de l'atelier

  • Créer une application Android de base à partir d'un modèle.

Ce dont vous avez besoin

  • Un ordinateur sur lequel est installé Android Studio

2. Créer votre première application

Au cours de cette tâche, vous allez créer une application Android à l'aide d'un modèle de projet fourni par Android Studio.

Modèles de projet

Dans Android Studio, un modèle de projet est une application Android qui contient tous les éléments nécessaires, mais dont les fonctionnalités sont limitées. L'objectif est de vous aider à démarrer plus rapidement et de vous faire gagner du temps. Une application avec une carte et une application avec plusieurs écrans sont deux exemples de modèles dans Android Studio.

Créer un projet "Activité vide"

Au cours de ces étapes, vous allez créer un projet Android Studio pour votre nouvelle application à l'aide du modèle de projet Activité vide.

  1. Si Android Studio n'est pas encore ouvert, cliquez sur son icône pour le lancer :

47769871ec8f9e5b.png

  1. La fenêtre Welcome to Android Studio (Bienvenue dans Android Studio) s'ouvre. Cliquez sur New Project (Nouveau projet).

f2eb62538b9546d4.png

d2c7661021edfb20.png

  1. La fenêtre New Project (Nouveau projet) s'ouvre et affiche la liste des modèles fournis par Android Studio.

c6f55445828a18f7.png

  1. Cliquez sur les onglets situés en haut et faites défiler les modèles pour vous faire une idée de ce que vous pouvez faire. Il existe des modèles pour différents types d'appareils (téléphones, tablettes et montres, par exemple) et d'applications (avec des écrans à faire défiler, avec des cartes et avec une navigation sophistiquée).
  2. Dans l'angle supérieur gauche de la fenêtre, cliquez sur l'onglet Phone and Tablet (Téléphone et tablette).
  3. Sur la ligne supérieure, cliquez sur le modèle Activité vide pour le sélectionner comme modèle pour votre projet.

Le modèle Activité vide est le plus simple à utiliser pour créer une application. Il comprend un seul écran et affiche simplement le message "Hello World!".

  1. Au bas de la fenêtre, cliquez sur Suivant. La boîte de dialogue New Project (Nouveau projet) s'ouvre.

2924cb046a6b4f10.png

Configurez votre projet comme suit :

  1. Nom est le nom de votre application. Dans le champ situé sous Nom, saisissez Happy Birthday comme nom de projet.
  2. Nom du package est le nom utilisé par le système Android pour identifier votre application de façon unique. En règle générale, il s'agit du nom de votre organisation, suivi du nom de l'application, tout en minuscules (dans ce cas, com.example.happybirthday).
  3. Emplacement d'enregistrement indique l'emplacement où sont enregistrés tous les fichiers associés à votre projet. Prenez note de cet emplacement sur votre ordinateur pour pouvoir retrouver vos fichiers. Vous pouvez également conserver l'emplacement proposé pour l'instant.
  4. Langage définit le langage de programmation que vous souhaitez utiliser pour votre projet. Assurez-vous que le champ Langage contient la valeur Kotlin.
  5. Le champ SDK minimum indique la version minimale d'Android sur laquelle votre application peut être exécutée. Sélectionnez API 19: Android 4.4 (KitKat) dans la liste déroulante.
  1. Sous SDK minimum, une note indique le nombre d'appareils sur lesquels votre application peut s'exécuter avec le niveau d'API choisi. Si vous êtes curieux, cliquez sur le lien Aidez-moi à choisir pour afficher la liste des différentes versions d'Android, comme illustré ci-dessous. Revenez ensuite à la fenêtre New Project (Nouveau projet).

7c77fb479b7041b6.png

  1. Dans la fenêtre New projet (Nouveau projet), assurez-vous que la case Use legacy android.support libraries (Utiliser les anciennes bibliothèques android.support) est désélectionnée. Cliquez sur le point d'interrogation pour en savoir plus à ce sujet.
  2. Cliquez sur Finish (Terminer).

Android Studio ouvre le projet et tous ses fichiers.

67bbc32a5c6bdd1d.png

La première fois que vous ouvrez Android Studio, trois fenêtres sont affichées :

(1) La fenêtre Projet affiche les fichiers et dossiers de votre projet.

(2) La fenêtre Modification permet de modifier le code.

(3) La fenêtre Nouveautés affiche des nouveautés et des conseils utiles.

Dans l'angle inférieur droit d'Android Studio, une barre de progression ou un message indiquent si Android Studio est toujours en train de configurer votre projet. Par exemple :

20916e0da73d311d.png

  1. Attendez qu'Android Studio ait terminé la configuration du projet. Un message, comme celui présenté ci-dessous, s'affiche en bas à gauche pour vous avertir lorsque le projet est terminé.

58e321c1a9c519c1.png

3. Exécuter votre application sur un appareil virtuel (émulateur)

Au cours de cette tâche, vous allez utiliser le Gestionnaire d'appareils pour créer une version logicielle (un émulateur) d'un appareil mobile et l'exécuter sur votre ordinateur. Un appareil virtuel, ou émulateur, simule la configuration d'un type d'appareil Android particulier, comme un téléphone. Il peut s'agir de n'importe quel téléphone ou tablette exécutant les versions du système Android de votre choix. Vous utiliserez ensuite l'appareil virtuel pour exécuter l'application que vous avez créée avec le modèle Activité vide.

Créer un appareil virtuel Android (AVD)

Pour exécuter un émulateur sur votre ordinateur, la première étape consiste à créer une configuration pour l'appareil virtuel.

  1. Dans la barre de menu d'Android Studio, sélectionnez Tools > Device Manager (Outils > Gestionnaire d'appareils).

2480be74879c2033.png

Le Gestionnaire d'appareils s'affiche, comme illustré ci-dessous. Si vous avez déjà créé un appareil, il est listé ici.

3fe0607963a11814.png

  1. Cliquez sur Create device (Créer un appareil).

La fenêtre Select Hardware (Sélectionner le matériel) s'affiche.

abaed4a19f0d786e.png

La fenêtre Select Hardware (Sélectionner le matériel) affiche une liste d'appareils préconfigurés, classés par catégorie. Pour chaque appareil, le tableau fournit une colonne pour la taille d'affichage (Taille), la résolution d'écran en pixels (Résolution) et la densité de pixels (Densité).

  1. Sélectionnez la catégorie Téléphone.
  2. Sélectionnez un téléphone (un Pixel 5, par exemple), puis cliquez sur Suivant. Vous pouvez choisir n'importe quel téléphone, mais pour cet atelier de programmation, sélectionnez un appareil plus récent.

La fenêtre System Image (Image système) s'affiche. Vous pouvez y sélectionner la version du système Android à exécuter sur votre appareil virtuel. Vous pouvez ainsi tester votre application sur différentes versions du système Android.

f2325a599238ef22.png

  1. Dans l'onglet Recommended (Recommandé), sélectionnez S comme version du système Android à exécuter sur l'appareil virtuel. À l'heure où nous écrivons ces lignes, il s'agit de la dernière version d'Android, mais vous pouvez choisir n'importe quelle version stable ultérieure. Pour consulter la liste des versions stables, cliquez ici.
  1. Cliquez sur Suivant.

La fenêtre Appareil virtuel Android (AVD) s'affiche. Elle vous permet de choisir des informations de configuration supplémentaires pour votre appareil.

b8cb3f189f863a50.png

  1. Dans le champ AVD Name (Nom de l'appareil virtuel Android), saisissez le nom de votre appareil virtuel Android. Ne modifiez pas les autres champs.
  2. Cliquez sur Finish (Terminer).

Votre nouvel appareil virtuel s'affiche dans la fenêtre Device Manager (Gestionnaire d'appareils). Il est maintenant prêt à l'emploi.

3f6a0dabe86423a5.png

Exécuter votre application sur un appareil virtuel

  1. Le cas échéant, affichez Android Studio au premier plan.
  2. Dans la barre d'outils d'Android Studio, recherchez le menu déroulant des appareils virtuels (semblable à l'illustration ci-dessous), puis sélectionnez l'appareil virtuel que vous avez créé dans la liste déroulante. 2845d837cdaf38d.png Vous pouvez également cliquer sur Exécuter > Sélectionner un appareil, puis sélectionner votre appareil virtuel parmi les appareils disponibles dans la fenêtre pop-up.
  3. Dans Android Studio, sélectionnez Exécuter > Exécuter l'application ou cliquez sur l'icône Exécuter dans la barre d'outils. L'appareil virtuel démarre comme s'il s'agissait d'un appareil physique. La durée de cette opération dépend de la vitesse de votre ordinateur.

Lorsque votre application est prête, elle s'ouvre sur l'appareil virtuel, comme illustré ci-dessous.

f821698dcb39f67e.png

Bravo ! Votre appareil virtuel est maintenant opérationnel. Comme vous pouvez le voir, le titre est maintenant Happy Birthday et Hello World! est affiché à l'écran.

4. Rechercher les fichiers de votre projet

Lorsque vous avez configuré votre projet, Android Studio a créé sur votre ordinateur le dossier AndroidStudioProjects pour tous vos projets Android. Android Studio crée également dans ce dossier un sous-dossier portant le même nom que votre application (à savoir HappyBirthday).

32b1f3c6c87af501.png

HappyBirthday est le dossier de votre projet. Android Studio enregistre dans votre dossier de projet les fichiers que vous créez et ceux créés par Android Studio.

  1. Dans Android Studio, examinez la fenêtre Projet à gauche. Cette fenêtre affiche les fichiers et dossiers de votre projet.

Les fichiers de la fenêtre Projet sont organisés de manière à faciliter la navigation entre les fichiers du projet lorsque vous écrivez du code. Cependant, si vous consultez les fichiers dans un explorateur de fichiers, tel que le Finder ou l'Explorateur Windows, vous remarquerez que la hiérarchie des fichiers est très différente.

Au cours de cette tâche, vous allez explorer ces deux vues de la hiérarchie des dossiers de projet.

  1. Dans la fenêtre Project (Projet) d'Android Studio, sélectionnez Android à partir du menu déroulant en haut à gauche.

Vous devriez voir une liste de fichiers semblable à celle-ci :

13458ac038626f09.png

Cette vue et cette organisation des fichiers sont particulièrement utiles lorsque vous rédigez du code pour votre projet.

Vous pouvez également afficher vos fichiers tels qu'ils apparaissent dans un explorateur de fichiers, tel que le Finder (pour macOS) ou l'Explorateur de fichiers (pour Windows).

  1. Dans la fenêtre Projet, sélectionnez Fichiers sources du projet dans le menu déroulant.

Notez que le titre change en fonction du dossier où sont stockés les fichiers du projet.

1a5f277b21a94581.png

Vous pouvez maintenant parcourir les fichiers de la même manière que dans n'importe quel autre explorateur de fichiers.

  1. Pour revenir à la vue précédente, sélectionnez à nouveau Android dans la fenêtre Projet.

Félicitations ! Vous pouvez maintenant créer et exécuter une application à partir d'un modèle, et rechercher les fichiers de votre projet.

5. Résumé

  • Pour créer un projet, démarrez Android Studio, cliquez sur + Démarrer un nouveau projet Android Studio, attribuez un nom à votre projet, choisissez un modèle, puis renseignez les informations nécessaires.
  • Pour créer un appareil virtuel Android (un émulateur) afin d'exécuter votre application, sélectionnez Tools > Device Manager (Outils > Gestionnaire d'appareils), puis utilisez le Gestionnaire d'appareils pour sélectionner un appareil et une image système.
  • Pour exécuter votre application sur un appareil virtuel, assurez-vous d'avoir créé un appareil, sélectionnez-le dans le menu déroulant de la barre d'outils, puis exécutez votre application en cliquant sur l'icône Run (Exécuter) Icône d'exécution dans Android Studio dans la barre d'outils.
  • Pour rechercher les fichiers de votre projet, sélectionnez Fichiers sources du projet dans le menu déroulant de la fenêtre Projet.

6. En savoir plus