Comment créer une application avec Android Studio : 8 étapes (avec photos)

Table des matières:

Comment créer une application avec Android Studio : 8 étapes (avec photos)
Comment créer une application avec Android Studio : 8 étapes (avec photos)

Vidéo: Comment créer une application avec Android Studio : 8 étapes (avec photos)

Vidéo: Comment créer une application avec Android Studio : 8 étapes (avec photos)
Vidéo: comment supprimer mot de passe Word 2024, Avril
Anonim

Android Studio est l'IDE officiel pour les applications Android. Il ne coûte rien et prend en charge les langages de programmation Java et Kotlin. Cela vous donne un grand contrôle sur ce que fait votre application. Alors pourquoi ne pas y programmer votre application ? Cet article s'attend à ce que vous connaissiez les bases de Java, si ce n'est pas le cas, veuillez consulter Comment écrire votre premier programme en Java pour une introduction. Ce wikiHow vous apprend à créer une application de base dans Android Studio.

Pas

Partie 1 sur 4: Installation d'Android Studio

4296302 1
4296302 1

Étape 1. Téléchargez Android Studio

Assurez-vous de télécharger la bonne version pour le système d'exploitation (c'est-à-dire Windows, Mac, Linux) que vous utilisez. Le téléchargement fait environ 1 Go et peut prendre plusieurs minutes. Utilisez les étapes suivantes pour télécharger et installer Android Studio: Assurez-vous d'obtenir la version pour votre système.

  • Accédez à https://developer.android.com/studio/index.html dans un navigateur Web.
  • Cliquez sur le bouton vert qui dit Télécharger Android Studio (assurez-vous que le système d'exploitation correct est répertorié sous le bouton.)
  • Cochez la case à côté de "J'ai lu et j'accepte les termes et conditions ci-dessus."
  • Cliquez sur le bouton bleu qui dit Téléchargez Android Studio pour [votre système d'exploitation].

  • Ouvrez le fichier d'installation.
  • Suivez les instructions à l'écran
4296302 2
4296302 2

Étape 2. Installez les dépendances (Linux 64 bits uniquement)

Si vous avez un ordinateur Linux 64 bits (ignorez cette étape si ce n'est pas le cas), vous devrez installer des packages supplémentaires. Sur un système qui utilise apt, entrez dans la ligne de commande: sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1,0:i386.

  • Si votre système utilise yum, saisissez plutôt ce qui suit: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • Alternativement, vous pouvez facilement installer Android Studio sur Ubuntu en ouvrant le Centre logiciel. Cliquez sur l'icône qui ressemble à une loupe dans le coin supérieur droit et entrez « Android Studio » dans la barre de recherche. Cliquez sur l'icône Android Studio, puis cliquez sur Installer Il a une icône qui ressemble à une boussole de dessin en forme de "A" à l'intérieur d'un cercle vert.
4296302 3
4296302 3

Étape 3. Extrayez l'archive (lLinux uniquement)

Ignorez cette étape si vous avez téléchargé si vous avez téléchargé un fichier d'installation sur Windows ou Mac, ou si vous avez téléchargé Android Studio depuis le Centre logiciel sur Ubuntu. Sinon, accédez au répertoire dans lequel vous avez téléchargé l'archive. Ensuite, faites un clic droit dessus dans le gestionnaire de fichiers et sélectionnez l'option "Extraire ici". ou entrez "tar -xf downloadName.tar.gz" dans la ligne de commande (remplacez "downloadName" par le nom du fichier que vous venez de télécharger).

4296302 4
4296302 4

Étape 4. Lancez Android Studio

Si vous avez téléchargé un fichier.exe ou.dmg, double-cliquez simplement dessus. Si vous avez téléchargé et extrait une archive, ouvrez le Terminal et accédez au sous-répertoire "bin" du répertoire contenant les fichiers extraits (généralement "android-studio"). Cela se fait en tapant cd android-studio/bin. Exécutez le fichier "studio.sh" en tapant./studio.sh.

4296302 5
4296302 5

Étape 5. Décidez si vous souhaitez importer les paramètres

Si c'est la première fois que vous utilisez Android Studio, sélectionnez Non. Si vous l'avez déjà utilisé et que vous souhaitez avoir les paramètres précédents, sélectionnez Oui et précisez où vous les avez enregistrés.

4296302 6
4296302 6

Étape 6. Décidez si vous souhaitez envoyer les données d'utilisation à Google

Ceci est une décision personnelle et ne changera rien au processus d'installation ou de programmation.

4296302 7
4296302 7

Étape 7. Attendez qu'une fenêtre apparaisse

Il s'appellera "Assistant d'installation d'Android Studio". Cliquer sur Prochain procéder.

4296302 8
4296302 8

Étape 8. Décidez si vous souhaitez effectuer une installation standard ou personnalisée

S'il s'agit de votre première utilisation d'Android Studio et/ou si vous n'avez pas d'exigences particulières, vous devez sélectionner « Standard ».

4296302 9
4296302 9

Étape 9. Attendez que les composants soient téléchargés et cliquez sur Terminer

Cela prendra un certain temps, et vous pouvez faire autre chose en attendant. Lorsqu'ils sont téléchargés, cliquez sur Finir.

Partie 2 sur 4: Commencer un nouveau projet

4296302 10
4296302 10

Étape 1. Ouvrez Android Studio

Il a une icône qui ressemble à une boussole de dessin en forme de A à l'intérieur d'un cercle vert. Cliquez sur l'icône pour ouvrir Android Studio.

4296302 11
4296302 11

Étape 2. Cliquez sur + Démarrer un nouveau projet Android Studio

Il se trouve dans la fenêtre intitulée "Bienvenue dans Android Studio", directement sous le logo Android Studio. Si vous ne voyez pas une telle fenêtre, vérifiez si cette fenêtre est masquée par d'autres fenêtres que vous avez ouvertes.

4296302 12
4296302 12

Étape 3. Sélectionnez une activité et cliquez sur Suivant

Lorsque vous démarrez un nouveau projet Android, il affiche une variété de modèles que vous pouvez sélectionner. Vous pouvez également sélectionner les appareils que vous souhaitez concevoir à l'aide des onglets en haut (c'est-à-dire Téléphone et tablette, WearOS, TV, etc.) Pour apprendre à créer des applications, vous devez sélectionner "Activité vide". Lorsque vous avez compris la programmation d'applications, vous pouvez utiliser les fonctionnalités supplémentaires fournies par les autres activités.

4296302 13
4296302 13

Étape 4. Saisissez un nom pour votre application

Cela va dans le champ sous "Nom" en haut de la page "Configurer votre projet". Il doit être court et descriptif afin que vous voyiez immédiatement à quoi sert l'application.

4296302 14
4296302 14

Étape 5. Sélectionnez Java comme langage

Utilisez le menu déroulant sous "Langue" pour sélectionner Java.

4296302 15
4296302 15

Étape 6. Sélectionnez la version d'Android pour laquelle vous souhaitez créer

Utilisez le menu déroulant à côté de "Niveau API minimum" pour sélectionner la première version d'Android avec laquelle votre application sera compatible. Pour une application simple, vous devez choisir une version prise en charge par la plupart des appareils, même si elle est plus ancienne.

4296302 16
4296302 16

Étape 7. Cliquez sur Terminer

Cela crée un nouveau projet Android Studio. Attendez quelques minutes pendant que le système de génération automatisé configure votre projet.

Partie 3 sur 4: Programmation de l'application

4296302 17
4296302 17

Étape 1. Comprenez ce que vous voulez faire

Pensez à l'entrée que l'utilisateur donnera, à la façon dont vous la traiterez (vous pouvez improviser pendant la programmation, mais vous devriez avoir un aperçu de la façon dont cela devrait fonctionner), comment vous afficherez la sortie à l'utilisateur. Cet exemple montre comment créer une application dans laquelle l'utilisateur peut saisir deux nombres et la somme est affichée.

4296302 18
4296302 18

Étape 2. Ouvrez l'éditeur de traductions

Il est recommandé d'utiliser uniquement des chaînes provenant des ressources de traduction, même si vous ne traduisez pas l'application. Utilisez les étapes suivantes pour ouvrir l'éditeur de traductions:

  • Cliquez sur l'onglet qui dit activité_main.xml au sommet.
  • Cliquez sur le menu déroulant qui dit "Par défaut (en-us)" en haut à côté d'une icône qui ressemble à un globe.
  • Cliquez sur l'option qui dit Modifier les traductions….
4296302 19
4296302 19

Étape 3. Ajoutez du texte

Vous devrez expliquer à l'utilisateur ce qu'il est censé faire avec l'application. Utilisez les étapes suivantes pour ajouter du texte:

  • Appuyez sur le plus (+) dans le coin supérieur gauche de l'éditeur de traduction pour ajouter une chaîne.
  • Insérez une clé courte (c'est comme un nom de variable, par exemple "main_instruction".)
  • Saisissez le texte anglais complet à côté de « Valeur par défaut » (c'est-à-dire « Entrez deux nombres à ajouter: »).
  • Cliquez sur D'accord.
  • Si vous le souhaitez, vous pouvez ajouter un paramètre régional à l'aide du bouton représentant un globe avec un signe + dessus, puis traduire tout le texte dans ce paramètre régional.
4296302 20
4296302 20

Étape 4. Cliquez sur l'onglet activity_main.xml.

Cela ferme l'éditeur de traduction et revient à l'écran principal de l'activité. Vous verrez un écran vide avec une zone de texte affichant le texte "Hello World!" au milieu. Pour l'instant, c'est une interface assez inutile.

4296302 21
4296302 21

Étape 5. Remplacez "Bonjour tout le monde

". Utilisez les étapes suivantes pour remplacer le texte "Hello World!":

  • Cliquez sur la zone de texte au centre.
  • Sélectionnez l'entrée intitulée "texte" sur le côté droit.
  • Remplacer "Bonjour tout le monde !" avec "@string/main_instruction" (ou quel que soit le nom que vous avez donné à la clé que vous avez créée). La zone de texte affichera maintenant le texte que vous avez entré pour cette clé.
  • Faites glisser la zone de texte plus haut afin d'avoir de l'espace pour d'autres éléments en dessous.
  • Faites un clic droit sur l'entrée de "TextView" dans le menu qui affiche tous les éléments à l'écran et sélectionnez Contraindre suivie par haut des parents.

    Si cela déplace la zone de texte dans une position inacceptable, remettez-la là où elle se trouvait et répétez. Sélectionner Centre suivie par horizontalement pour centrer la zone de texte horizontalement.

4296302 22
4296302 22

Étape 6. Placez deux entrées numériques sur l'écran

Utilisez les étapes suivantes pour ajouter des entrées numériques à l'écran:

  • Cliquez sur Texte dans le panneau à gauche sous "Palette".
  • Faites glisser deux Numéro (Signé) entrées dans l'écran de prévisualisation.
  • Utilisez la zone de texte intitulée "Id" dans le panneau Attributs à droite pour remplacer les identifiants par quelque chose dont vous vous souviendrez (c'est-à-dire "numéro1" et "numéro2".) Évitez d'utiliser des espaces dans l'identifiant.
  • Contraindre et centrer les entrées numériques comme vous l'avez fait avec la zone de texte en haut. Vous pouvez ignorer l'avertissement concernant l'attribut "autoFillHints" manquant.
4296302 23
4296302 23

Étape 7. Placez un bouton "Ajouter" sur l'écran

Utilisez les étapes suivantes pour ajouter un bouton « Ajouter »:

  • Cliquez sur Boutons dans le panneau à gauche sous "Palette".
  • Glisser Bouton sur l'écran.
  • Ajoutez une chaîne dans l'éditeur de traduction avec la clé "text_add" et "Add" comme valeur par défaut.
  • Revenez à "activity_main.xml" et remplacez le texte "Button" par "@string/text_add" dans le panneau Attributs à droite
  • Donnez au bouton un identifiant descriptif, comme "buttonAdd" à côté de "Id" dans le panneau Attributs à droite.
  • Contraindre et centrer le bouton comme vous l'avez fait avec les autres objets à l'écran.
4296302 24
4296302 24

Étape 8. Ajoutez les deux chaînes de traduction

Ouvrez l'éditeur de traduction et créez deux nouvelles chaînes. L'un devrait être appelé "résultat" comme clé et "Résultat" comme valeur par défaut. L'autre doit s'appeler "not_yet_calculated" comme clé et "pas encore calculé" comme valeur par défaut.

4296302 25
4296302 25

Étape 9. Ajoutez deux autres zones de texte

Utilisez les étapes suivantes pour ajouter deux nouvelles zones de texte:

  • Revenez à l'onglet "Activity_main.xml".
  • Cliquez sur Texte dans le panneau à gauche sous "Palette".
  • Faites glisser deux Affichage zones de texte à l'écran.
  • Remplacez les chaînes par celles que vous avez ajoutées.
  • Donnez à la zone de texte qui affiche "pas encore calculé" un ID comme "resultOut" dans le champ "id" du panneau Attributs.
  • Contraindre ces zones de texte au parent top et au parent start.
4296302 26
4296302 26

Étape 10. Basculez vers "mainActivity.java"

C'est le fichier qui contient le code de l'application.

4296302 27
4296302 27

Étape 11. Déclarez les variables nécessaires

Vous devrez obtenir l'entrée de l'utilisateur, réagir lorsque l'utilisateur appuie sur un bouton et modifier la zone de texte "pas encore calculé" en résultat du calcul. Pour ce faire, le programme doit « voir » les éléments à l'écran. Vous devez les déclarer comme définitifs car vous ne les modifierez jamais directement, seulement leurs attributs. Tapez donc ce qui suit sur la ligne sous la fonction onCreate(), après la ligne avec "setContentView(). Si les zones de texte et les boutons ont des noms différents de ceux ci-dessous, modifiez-les si nécessaire. Entrez le code manuellement. Cela ne fonctionnera pas si vous copiez et collez. Le code est comme suit:

final EditText num1 = findViewById(R.id.number1); final EditText num2 = findViewById(R.id.number2); bouton final buttonAdd = findViewById(R.id.buttonAdd); résultat TextView final = findViewById(R.id.resultOut);

4296302 28
4296302 28

Étape 12. Créez un écouteur de clic

C'est la fonction qui est appelée lorsque l'utilisateur clique sur le bouton. Pour en ajouter un, saisissez ce qui suit sous la dernière ligne de code « finale »:

buttonAdd.setOnClickListener(new View. OnClickListener() { @Override public void onClick(View v) {

} });

4296302 29
4296302 29

Étape 13. Ajoutez du code dans l'écouteur de clic

Vous souhaitez obtenir les entrées de l'utilisateur, les convertir en nombres entiers, les additionner et modifier le texte de la zone de texte "pas encore calculé" en résultat. Ajoutez le code suivant sous la ligne "public void onClick(View v)":

int sum = Integer.parseInt(num1.getText().toString()) + Integer.parseInt(num2.getText().toString()); resultOut.setText(Integer.toString(sum));

Partie 4 sur 4: Test de l'application

4296302 30
4296302 30

Étape 1. Créez l'APK

Utilisez les étapes suivantes pour créer le fichier APK:

  • Clique le Construire languette.
  • Cliquez sur Bundle(s) de construction/APK(s)
  • Cliquez sur Créer des APK.
4296302 31
4296302 31

Étape 2. Cliquez sur le lien "localiser" dans la fenêtre contextuelle qui apparaît dans le coin inférieur droit

Cela ouvrira le dossier avec l'APK dans le gestionnaire de fichiers.

4296302 32
4296302 32

Étape 3. Connectez votre smartphone Android à votre ordinateur

Utilisez le câble de transfert USB / microUSB pour connecter votre smartphone ou tablette à votre ordinateur.

4296302 33
4296302 33

Étape 4. Copiez l'APK sur votre smartphone

Pour éviter de faire des bêtises sur le smartphone, soit créez un nouveau répertoire pour vos APK (pour l'instant ce n'est qu'un, mais si vous continuez à développer, vous en aurez bientôt plusieurs) ou utilisez le répertoire Téléchargements. Ne copiez pas le fichier.json, ignorez-le simplement.

4296302 34
4296302 34

Étape 5. Trouvez l'APK sur le smartphone

Ouvrez le gestionnaire de fichiers. Si ce n'est pas dans les téléchargements récents ou dans la section APK, recherchez-le.

4296302 35
4296302 35

Étape 6. Appuyez sur l'APK

Celui-ci vous demandera si vous souhaitez l'installer. Robinet Oui et attendez l'installation.

  • Vous devez autoriser l'installation d'applications à partir de sources externes dans les paramètres du smartphone pour pouvoir installer et tester votre application dessus.
  • Vous pouvez supprimer l'APK après l'installation. Vous pouvez toujours en créer un nouveau sur votre ordinateur si vous en avez à nouveau besoin.
4296302 36
4296302 36

Étape 7. Ouvrez l'application sur le smartphone

Il aura un logo Android blanc derrière un fond bleu-vert foncé comme icône.

4296302 37
4296302 37

Étape 8. Vérifiez si l'application fonctionne comme prévu

Des astuces

Si vous créez quelque chose qui, selon vous, sera utile aux autres, vous pouvez publier votre application sur une plate-forme de distribution comme Google Play. Mais pendant que vous êtes encore en train d'apprendre, vous pouvez aussi garder vos expériences de programmation pour vous-même, en ne les ayant enregistrées que localement sur votre smartphone et votre ordinateur

Mises en garde

  • La saisie des commandes mentionnées dans cet article dans la ligne de commande Windows ne fonctionne pas. Utilisez les autres méthodes spécifiées à la place.
  • N'installez Android Studio que lorsque vous disposez d'une bonne connexion Internet. S'il est souvent interrompu pendant le processus d'installation, des problèmes inattendus peuvent survenir.

Conseillé: