Premier lancement

Lors du lancement d’Android Studio pour la première fois, vous devriez voir une fenêtre de bienvenue.

  • Si une fenêtre vous demande d’importer des paramètres, choisissez de "ne rien importer".

  • Si une fenêtre vos demande de configurer l’installation, ne modifiez pas les paramètres concernant le "SDK". Les machines de l’IUT sont déjà configurées.

  • Une fois l’éventuel assistant de configuration terminé, créez un nouveau projet Android.

Lors de la creation du nouveau projet, choisissez bien Empty Views Activity comme ci-dessous :

Choisir Empty Views Activity

Sélectionnez bien le langage Java pour la création de votre activité.

Pour le "Minimum SDK", vous pouvez choisir un niveau d’API supérieur ou égal à 24 (Android 7.0). Si vous comptez utiliser votre téléphone, assurez vous de prendre une API inférieure ou égale à celle de votre téléphone.

Le premier démarrage peut être looong : L’IDE indexe toutes les librairies Android, vérifie les mises à jour des outils de compilation, télécharge les nouvelles versions, etc, etc, etc, etc, etc. Cela peut prendre jusqu’à 3-4 minutes. Patience.

Les lancements suivants sont beaucoup plus rapides.

Si vous rencontrez des problèmes lors de la création du premier projet, sollicitez votre encadrant.

Première application

À ce stade vous devriez avoir quelque chose qui ressemble à ça :

État initial du projet

Ouvrez le fichier "activity_main.xml". Cherchez le bouton carré bleu "Select Design Surface", et choisissez la vue que vous préférez. Vous devriez obtenir quelque chose comme ça :

Fichier activity_main.xml

Premier lancement

Pour tester votre application vous pouvez le faire sur votre téléphone ou sur un émulateur.

Dans le cadre d’une découverte aux sein de l’IUT, il est souhaitable de tester sur les tablettes fournies ou sur votre téléphone personnel.

Configuration d’un téléphone

Pour les tablettes de l’IUT, la procédure a déjà été réalisée.

Pour pouvoir tester votre application sur un téléphone (ou une tablette) vous devez activer le débogage USB. L’activation de cette option est accessible dans les paramètres développeur. Il vous faudra donc activer ce mode sur le téléphone.

Vous trouverez la procédure spécifique au téléphone sur internet.

Une fois le débogage USB activé, le téléphone devrait être détecté par Android Studio quand vous le connectez à l’ordinateur.

Si tout se passe bien, le téléphone va vous demander d’autoriser l’ordinateur à utiliser le téléphone.

Lancement

Dans les deux cas, émulateur et téléphone, une fois la configuration réalisée, vous n’avez plus qu’à lancer votre application avec le bouton "play" vert en haut à droite.

Premier bouton

Pour rendre votre application un peu interactive, vous allez ajouter un bouton et faire en sorte que le texte affiché soit modifié lors d’un click sur ce bouton.

Ajouter un bouton

Dans le designer qui affiche le fichier "activity_main.xml" ajoutez un bouton à l’interface. Ajoutez les contraintes nécessaires à son positionnement.

Vous pouvez vérifier que le bouton apparaît quand vous relancez votre application.

Associer une fonction à un click

Afin de modifier le texte affiché au centre lors d’un click sur le bouton, vous allez associer une fonction au click. Pour ce faire, il existe différentes solutions. Les deux principales sont :

  1. En utilisant l’attribut "onClick" du bouton dans le fichier de layout (activity_main.xml).

  2. En attribuant un onClickListener au bouton à l’initialisation de l’activité.

Attribut "onClick"

Pour associer une fonction à un click sur votre bouton, vous pouvez donner le nom d’une fonction à son attribut "onClick". Pour cela, remplissez la valeur de l’attribut "onClick" dans le designer ou ouvrez la vue xml du fichier et ajoutez cet attribut en lui donnant comme valeur le nom de la fonction qui doit être appelée :

android:onClick="buttonClicked"

Une fois cet attribut ajouté, ouvrez la vue xml du fichier puis laissez votre souris sur le nom de la fonction. Une popup vous propose de créer la fonction pour vous.

Une fois cette fonction créée, elle sera appelée lors d’un click sur le bouton.

Solution onClickListener

Une solution alternative et plus flexible pour associer une fonction à un click bouton est d’associer un objet onClickListener à ce bouton. Pour cela il faudra :

  1. Récupérer l’objet correspondant au bouton,

  2. appeler sa méthode setOnClickListener

  3. lui passer un objet de type onClickListener en argument,

  4. définir la fonction onClick de cet objet.

En bref cela donne :

Button b = findViewById(R.id.button);
b.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        // Actions to take in response to a click
    }
});

Modification du texte

Pour modifier le texte affiché lors du click bouton, il faudra :

  1. Récupérer l’objet correspondant au bouton,

  2. Modifier son texte

La récupération de l’objet se fait avec la fonction findViewById.

Il faudra lui passer le champ id du texte à modifier. Pour accéder à cet id il faudra passer par la classe R qui contient toutes les ressources de votre application. Ainsi pour avoir l’id d’un champ de texte qui s’appelle hello dans le fichier activity_main.xml vous devez utiliser R.id.hello.

Il se peut que le champ de texte n’ai pas d'`id`. Il faudra en ajouter un, soit dans la vue designer, soit dans la vue xml du fichier activity_main.xml.

Une fois l’objet récupéré, vous pouvez appeler la fonction setText dessus.

Exploration

Si tout s’est bien passé jusque là, imaginez une petite application et réalisez le layout correspondant.

N’hésitez pas à explorer le designer en vous appuyant sur l’introduction qui lui est consacrée.

Le Constraint Layout est le mécanisme recommandé pour organiser les éléments graphiques les uns par rapport aux autres.

Ajouter une image

Afin de personnaliser l’aspect de votre première application, ajoutez une image au layout que vous avez créé.

Les images d’une application Android font partie des ressources de l’application. Il faudra donc inclure l’image que vous souhaitez ajouter à votre application dans ses ressources avant de pouvoir l’ajouter à votre layout.

Pour ajouter une image aux ressources de votre application, suivez ces indications.

Les chaînes

Pour ceux qui manqueraient d’inspiration pour explorer le designer, vous pouvez réaliser le layout ci-dessous en combinant 3 chaînes horizontales dans une chaîne verticale :

kitten layout

Les chaînes sont expliquées dans la section correspondante de la page d’introduction au constraint layout.