Tutoriel : comment créer une appli pour Android ?

Créer votre projet

Lancez Android Studio. Vous devriez voir s'ouvrir une fenêtre comme celle-ci (version 4.0) :

Cliquez sur Start a new Android Studio project (Démarrer un nouveau projet Android Studio).

Bonne nouvelle, Android Studio fournit plusieurs modèles (ou templates) pour aider à démarrer plus facilement. Pour votre projet Hello Dolly, choisissez Empty Activity, puis cliquez sur Next.

Configurer votre projet

Allez, on attaque les choses sérieuses en configurant certains détails de votre projet comme son nom, son emplacement et la version d'API qu'il va utiliser (c'est à dire sur quelles versions d'Android votre application va pouvoir fonctionner).

• Indiquez le nom de votre application dans le premier champ : Hello Dolly

• Eventuellement, changez le dossier de destination de votre projet, sinon, laissez le dossier par défaut.

• Sélectionnez Java pour le langage de développement (ça tombe bien, c'est celui que vous maitrisez !)

• Pour l'API, sélectionnez-en une qui permette à votre appli de tourner sur un très large nombre d'appareils en circulation.

Quand vous avez terminé, cliquez sur Finish.

Les dossiers et les fichiers de votre projet

Comme nous venons de le voir, à chaque fois que vous démarrez un nouveau projet, Android Studio crée automatiquement la structure des dossiers ainsi que les fichiers nécessaires pour le bon fonctionnement de votre application. Pour comprendre cette structure, examinons les principaux dossiers et fichiers qui sont impliqués dans un projet d'application Android.

Le dossier manifests

Ce dossier contient le fichier AndroidManifest.xml qui décrit les informations essentielles sur votre application.

Le dossier Java

Ce dossier contient les fichiers source Java. Comme vous pouvez le voir dans la fenêtre de l'éditeur, le fichier MainActivity.java contient le code source Java pour l'activité principale de l'application.

Le dossier res

Dans ce dossier, vous trouverez les sous-sossiers suivants :

• drawable : c'est le dossier fourre-tout pour tout ce qui est graphique et qui peut être dessiné à l'écran telles que des images.

• layout : ce sont des fichiers XML qui définissent l'architecture de l'interface utilisateur dans une activité ou dans un composant d'une interface utilisateur. Dans le cas de notre application, le fichier activity_main.xml correspond à l'activité principale.

• values : vous trouverez ici les fichiers XML pour les couleurs, le style et les chaînes de caractère pour notre application.

L'activité principale par défaut

L'activité principale est le premier écran qui apparaît lorsqu'un utilisateur lance une application.

Chaque activité représente un écran de l'interface utilisateur de l'application. Chaque activité doit donc disposer d'un fichier d'implémentation Java (ou Kotlin) et un fichier de disposition XML.

Le fichier MainActivity.java

Voici le code qui est généré par défaut lors de la création d'une application Android : créer une appli pour Android

package com.e.hellodollyapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

Rassurez-vous, il n'est pas nécessaire de savoir lire et interpréter ce code. Une grande partie de celui-ci est générique et sera le même pour n'importe quelle application.
Bon et puisque vous insistez, sachez que ce code définit une classe MainActivity et avec la méthode onCreate on définit ce qui se passe lorsque l'activité est créée. Dans ce cas, il initialise simplement la vue de l'activité avec la mise en page du fichier de mise en page activity_main. C'est on ne peut plus simple !

Le fichier Activity_main.xml

Ce fichier XML gère la mise en page de l'activité principale et se trouve dans le répertoire /app/src/main/res/layout du projet. Les fichiers de mise en page sont nommés en fonction de ce qu'ils représentent. Dans notre exemple, l'application Hello Dolly a une mise en page qui est gérée par le fichier activity_main.xml nommé d'après l'activité principale.

Voici le contenu par défaut du fichier activity_main.xml. Il contient un élément d'affichage de type texte, et ce texte est : Hello Dolly

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://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"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello Dolly"
        android:textAppearance="@style/TextAppearance.AppCompat.Display3"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Nous allons simplement modifier l'apparence de notre texte en lui indiquant une taille et une couleur spécifique. Respirez, tout va bien se passer :)

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello Dolly"
        android:textSize="50dp"
        android:textColor="#800000"
        android:textAppearance="@style/TextAppearance.AppCompat.Display3"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Si vous le souhaitez, vous pouvez avoir un aperçu de vos modifications en cliquant sur le bouton Split qui est situé sur la droite de la fenêtre d'Android Studio.

Et voilà, vous avez terminé ! Il ne reste plus qu'à lancer la construction et à installer l'application.