Créer une application Android


Vous souhaitez découvrir comment créer une application Android, avec un outil unique et gratuit?
di Antonio Lamorgese


Pour créer une application Android, qui puisse utiliser directement toutes les fonctionnalités et fonctions disponibles sur les smartphones ou tablettes Android, il est nécessaire d’utiliser Java mais surtout quelques API conçues exclusivement pour la plateforme Android. Il est donc nécessaire, même si ce n’est pas à un niveau professionnel, d’avoir une bonne connaissance de la programmation Java. Ces API ne sont rien de plus que des bibliothèques Java, c’est-à-dire un ensemble de fichiers avec l’extension jar, qui vous permettent d’effectuer des tâches courantes telles que: dessiner du texte, des formes et des couleurs à l’écran, jouer des sons ou des vidéos et interagir avec les fichiers installés. capteurs matériels sur le mobile. Au fil des années, ces API Android ont tellement évolué pour rendre le développement dans l’environnement Android de plus en plus stable et intuitif.

Par conséquent, être un développeur Android aujourd’hui est plus facile que jamais, encore plus si vous utilisez Android Studio, l’outil officiel pour développer des applications avec cet incroyable système d’exploitation.

Android Studio est un environnement de développement intégré disponible gratuitement sous la licence Apache 2.0 et détenu par Google et JetBrain.

Dans ce tutoriel, je vais vous montrer comment créer votre première application Android avec cet incroyable IDE. Ce faisant, je vous présenterai également des concepts importants spécifiques à Android, tels que les vues, les mises en page et les activités.

Pour rendre les choses moins compliquées, nous allons repartir de zéro pour créer une application très simple et conviviale. Si vous préférez écrire moins de code ou avez besoin de développer votre application le plus rapidement possible, pensez à utiliser l’un des conteneurs de modèles d’application Android natifs disponibles aujourd’hui, je parle de CodeCanyon.

CodeCanyon est un portail Web où vous pouvez trouver des milliers de scripts et de plugins à faible coût pour votre site Web ou votre application, même à partir de seulement 2€.

Home page CodeCanion
Home page CodeCanion

En utilisant un modèle déjà développé, vous pouvez avoir une application prête à être publiée en quelques heures. Cependant, il n’est pas nécessaire d’utiliser l’un des modèles proposés par CodeCanyon, étant donné qu’Android Studio possède déjà le sien.

Conditions préalables

Pour suivre correctement ce qui est exposé dans cet article, vous aurez besoin d’Android Studio, mieux si vous téléchargez la dernière version, vous la trouverez disponible ici . Vous devez également installer la plate-forme de développement Java comme décrit ci-dessus. S’il n’est pas disponible sur votre ordinateur, téléchargez-le à partir de ce lien en cliquant sur l’élément« JDK Download ».

Maintenant, si vous êtes nouveau sur Android Studio et Java, veuillez vous référer au tutoriel vidéo suivant pour voir comment l’installer et le configurer:

Comment installer Android Studio sur Windows 10/11

1. Créer un nouveau projet

Tout d’abord, vous aurez besoin d’un projet Android Studio pour commencer à concevoir, développer et créer votre application. Lancez ensuite Android Studio et cliquez sur le bouton « Create new Project » dans Android Studio.

Sur l’écran suivant, choisissez « Add No Activity », car nous ne voulons utiliser aucun des modèles proposés par Android Studio. Appuyez ensuite sur « Next » pour continuer.

Créer un nouveau projet avec Android Studio
Créer un nouveau projet avec Android Studio

Vous verrez maintenant un formulaire dans lequel vous pourrez saisir des détails importants pour votre application, tels que le nom. Le nom est, bien sûr, ce que vos utilisateurs verront sur leurs téléphones lorsqu’ils installeront votre application.

Vous remarquerez que vous devez également donner le nom du package, ce n’est rien de plus qu’un identifiant unique pour votre application sur Google Play. Vous devez suivre les conventions de dénomination des packages en Java. Par exemple, si le nom de votre application est MyFirstApp et que vous travaillez pour une organisation dont l’adresse du site Web est example.com, le nom du package serait, selon les conventions mentionnées ci-dessus, « com.example.myfirstapp ». Ou simplement, « fr.name.surname.myfirstapp ».

Ensuite, vous devez décider du langage de programmation que vous souhaitez utiliser pour le codage des applications. Donc pour l’instant, sélectionnez Java et cliquez sur « Finish ».

Compléter la création de nouveaux projets avec Android Studio
Compléter la création de nouveaux projets avec Android Studio

Android Studio va maintenant prendre quelques minutes pour créer et configurer votre premier projet Android.


Lire la suite: Le meilleur Hébergement Prestashop pré-installé


2. Créer une « Activity »

Une activité est l’un des composants les plus importants d’une application Android. C’est ce qui vous permet de créer et d’afficher une interface utilisateur. Une application peut avoir une ou plusieurs activités, chacune permettant à l’utilisateur d’effectuer une action. Par exemple, une application qui agit comme un client de messagerie peut avoir trois activités: une pour l’enregistrement de l’utilisateur, une pour la connexion et une pour la rédaction d’un message électronique.

Pour que ce didacticiel reste simple, nous allons créer une application avec une seule activité. Ensuite, pour créer l’activité, dans le panneau Projet d’Android Studio, cliquez avec le bouton droit sur l’entrée de l’application et sélectionnez New -> Activity -> Empty Activity.

Dans la boîte de dialogue qui s’ouvre, tapez MainActivity comme nom de l’activité, puis sélectionnezl’option « Launcher Activity » et appuyez sur Finish.

Cocher la case relative à l’option« Launcher Activity »est d’une importance fondamentale, cela permettra aux utilisateurs d’ouvrir cette activité au démarrage de l’application Android. Par conséquent, une activité, avec l’option Activité de lancement cochée, agit comme un point d’entrée pour votre application, c’est-à-dire que c’est l’activité qui démarrera l’application.

3. Créez une « Layout »

Chaque activité est généralement associée à au moins une mise en page. Lorsque vous avez créé votre activité, à l’étape précédente, vous avez également généré une mise en page vide qui lui est associée. Juste pour vous familiariser avec les mises en page, vous pouvez jeter un œil au fichier activity_main.xml.

La disposition d’une activité se compose principalement de vues et de groupes de vues. Une vue, ou simplement une vue, parfois appelée widget, est un composant d’interface utilisateur unique appelé contrôles. Par exemple, les boutons, les champs de texte, les étiquettes et les barres de progression sont des exemples de vues. Un groupe de vues est un composant qui peut servir de conteneur pour d’autres vues. Habituellement, les groupes de vues sont également utiles pour positionner et définir la taille des vues en même temps.

ConstraintLayout est l’un des groupes de vues, c’est-à-dire qu’il agit comme un conteneur pour d’autres vues plus puissantes et flexibles disponibles aujourd’hui pour créer une application Android. Par défaut, il s’agit de la racine du fichier XML de mise en page de votre activité. Son contenu ressemble à ceci:

<?xml version="1.0" encoding="utf-8" ?>

<androidx.constraintlayout.widget.ConstraintLayout

   xmlns:android="https://schemas.android.com/apk/res/android"

   xmlns:app="http://schemas.android.com/apk/res-auto"

   xmlns:tools="http://schemas.android.com/tools"

   android: layout_width="match_parent"

   android:layout_height="match_parent"

   outils:context=".MainActivity">

   <!-- Plus de code ici -->

</androidx.constraintlayout.widget.ConstraintLayout>

Nous allons créer une application simple, avec des fonctions comme une montre dans ce tutoriel. En plus de l’heure locale, il pourra afficher l’heure actuelle de deux pays différents: l’Italie et l’Allemagne.

Pour permettre à l’utilisateur de choisir le pays qui l’intéresse, notre mise en page aura deux vues de bouton, une pour l’Allemagne et une pour la France.Et pour afficher l’heure, notre mise en page aura également une vue TextClock.

Par conséquent, ajoutez le code suivant dans le ConstraintLayout:

<TextClock

   android:id="@+id/my_clock"

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   app:layout_constraintBottom_toBottomOf="parent"

   app:layout_constraintTop_toTopOf="parent"

   app:layout_constraintLeft_toLeftOf="parent"

   app:layout_constraintRight_toRightOf="parent"

   android:format12Hour="h:mm:ss a"

   android:textSize="32sp"/>

<Button

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   app:layout_constraintBottom_toBottomOf="parent"

   android:text="Time in Germany"

   android:onClick="onClickGermany"

   android:id="@+id/germany_button"/>

<Button

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   app:layout_constraintBottom_toTopOf="@id/germany_button"

   android:text="Time in France"

   android:onClick="onClickFrance"

   android:id="@+id/france_button"/>

Notez que les propriétés layout_width et layout_height de chaque vue définissent la taille de la vue. Cependant, d’autres propriétés, telles que layout_constraintBottom_toBottomOf et layout_constraintLeft_toLeftOf sont requises pour positionner la vue. Avec le code ci-dessus, le TextClock sera placé au centre de l’écran et les deux boutons seront placés vers le bas de l’écran.

Par défaut, le TextClock n’affiche que les heures et les minutes. La propriété format12Hour permet de changer le format d’affichage des heures. Dans le code ci-dessus, sa valeur est définie sur « h:mm:ss a« . Ce code informe le TextClock qu’il doit afficher les heures, les minutes, les secondes, ainsi qu’un suffixe AM/PM.

Notez également que chaque bouton a une propriété onClick. Cette propriété est utilisée pour affecter des gestionnaires d’événements de clic aux boutons.

Les gestionnaires n’ont pas encore été implémentés, ou plutôt nous devons encore décider ce que l’application doit faire en un clic, mais vous pouvez demander à Android Studio de les générer pour vous par défaut à partir de l’IDE. Pour ce faire, survolez le nom du gestionnaire d’événements jusqu’à ce qu’une ampoule rouge apparaisse à côté. Cliquez ensuite sur l’ampoule et sélectionnez la deuxième option, qui est celle avec l’ampoule jaune.

Event handler creation
Création de gestionnaire d’événements

À ce stade, vous pouvez essayer d’appuyer sur « Shift-F10 »pour exécuter l’application. S’il n’y a pas d’erreurs dans votre XML, vous devriez voir quelque chose comme ceci sur votre téléphone ou votre émulateur:

Exécutez des applications Android
Exécutez des applications Android

Il convient de souligner qu’Android Studio utilise des émulateurs d’appareils pour exécuter l’application, c’est-à-dire que le développeur a la possibilité de choisir différents appareils sur lesquels afficher l’application en cours de développement.

Revenons à nous, bien que les boutons ne fonctionnent toujours pas, le TextClock devrait déjà afficher l’heure locale, mise à jour régulièrement toutes les secondes, tout comme une horloge normale.

4. Implémenter des gestionnaires d’événements

Lorsque vous avez généré les gestionnaires d’événements pour les deux boutons, Android Studio a ajouté deux méthodes au fichier Java de votre activité, à savoir dans MainActivity.java. Si vous ouvrez ce fichier, vous devriez trouver le code suivant à l’intérieur:

public void onClickGermany(View view) {

}

public void onClickFrance(View view) {

}

À l’intérieur des deux gestionnaires d’événements, tout ce que nous avons à faire est de changer le fuseau horaire de TextClock. Mais comment référencer une vue dans le fichier XML de mise en page à partir du fichier Java? Eh bien, vous pouvez utiliser la méthode findViewById().

Juste par analogie, si vous avez déjà une expérience avec Javascript, c’est exactement ce que fait un développeur avec une méthode Javascript très similaire, pour accéder aux propriétés d’un élément contenu dans une page html.

De retour à la méthode findViewById, une fois que vous avez une référence à TextClock, vous pouvez appeler la méthode setTimeZone() pour changer son fuseau horaire. Ajoutez ensuite le code suivant dans l’événement onClickGermany():

TextClock clock = findViewById(R.id.my_clock);

clock.setTimeZone("Europe/Germany");

De même, ajoutez le code suivant dans l’événement onClickFrance():

TextClock clock = findViewById(R.id.my_clock);

clock.setTimeZone("Europe/France");

Si vous vous demandez ce qu’est R, bravo, ce n’est rien de plus qu’une classe générée automatiquement, lors de la compilation de l’app par Android Studio, et qui contient, entre autres, les identifiants de toutes les vues présentes dans vos layouts. La méthode findViewById() s’attend à ce que vous utilisiez cette classe pour lui transmettre un ID valide.

À ce stade, vous pouvez appuyer à nouveau sur Shift-F10 pour relancer l’application. Vous devriez maintenant pouvoir cliquer sur les boutons pour changer le fuseau horaire de votre montre.

En plus de modifier le code de votre première application, vous pouvez également essayer de faire glisser des vues directement sur une activité et voir ce que le système a écrit pour vous dans le fichier xml précédemment géré. Par conséquent, les vues peuvent être soit positionnées à la main en tapant directement le code dans le fichier xml, soit glissées, avec le glisser-déposer typique, directement sur l’activité affichée à ce moment sur Android Studio.

Ainsi, chaque Activité est constituée d’un fichier xml, qui gère son affichage graphique, et d’un fichier d’extension java, qui implémente ses actions et contient le code qui doit être exécuté pour chaque événement d’une vue.

Ce type d’approche est très similaire à celle utilisée par de nombreux frameworks de développement, tels que Visual Studio.

Conclusion

Vous venez de créer votre première application native entièrement fonctionnelle pour Android. Je vous conseille, si vous en avez envie, d’apporter quelques modifications. Par exemple, vous pouvez essayer d’utiliser d’autres formats ou fuseaux horaires. Vous pouvez également essayer de changer les positions des boutons et l’affichage de l’horloge elle-même.

Il existe des dizaines de vues et de groupes de vues que vous pouvez utiliser pour créer vos applications. Reportez-vous à la documentation officielle pour toutes les connaître.

Créer une application Android avec Android Studio

Administrateur réseau et développeur. Après des années d'expérience dans l'industrie, j'ai conçu un système de gestion de données MYSQL en PHP sans écrire une seule ligne de code. En savoir plus....