Introduction à Android Studio

Depuis décembre 2014, l’environnement de développement Eclipse, avec son module ADT ont prit leur retraite afin de faire place au tout nouvel environnement Android Studio.

Dans ce tutoriel nous verrons comment prendre en main ce nouvel environnement, très complet, et surtout quelles principales nouveautés ont été apportés par cet IDE.

Introduction

Si ce n’est pas encore fait, je vous invite à venir télécharger Android Studio à l’adresse suivante : http://developer.android.com/sdk/index.html

Puis suivez les instructions afin d’installer et configurer votre SDK.

Une fois cette étape franchie, essayons de créer un nouveau projet, que nous appellerons HelloAndroidStudio.

Pour cela, rien de plus simple, il suffit de cliquer sur “Create a new Project”, rentrer le nom du projet, puis, cliquer sur le bouton Suivant jusqu’à la création et l’ouverture du projet.

Vous devriez arriver sur un écran présentant un écran de smartphone

Une petite configuration est nécessaire avant de poursuivre, passer la vue du projet de “Android” à “Project” comme ceci :

Architecture de projet

Les projets ont changé d’architecture depuis le passage à Android Studio, où l’on utiliserait plusieurs projets sous Eclipse, avec des dépendances entre chacun, nous parlerons maintenant d’un seul Projet, contenant plusieurs modules.

Pour notre application, nous avons donc un projet HelloAndroidStudio contenant un module app.

Les modules ont la forme suivante :

On y retrouve le dossier res/ et le fichier AndroidManifest.xml, les sources (fichiers .java) ont maintenant été déplacées dans un dossier java/.

Le fichier build.gradle sert de configuration pour le nouveau moteur de production nommé Gradle, qui sera utilisé pour construire notre application afin de la déployer sur notre smartphone ou sur le Play Store. Un prochain chapitre sera dédié à cet outil.

Exécuter

Pour compiler son projet, rien de plus simple, il suffit de clicker sur la flèche verte en haut de l’écran

Nouveautés

La première nouveauté visible apportée par Android Studio est le mode Preview affiché lors de la création de nos layouts. Pour l’afficher, pensez à passer le mode d’ouverture des fichiers de ressources en Text.

Lors de l’édition du fichier main_activity.xml, cet outil va générer en temps réel une représentation de notre vue une fois compilée.

Jouer avec la Preview

En utilisant à la preview, il est possible de configurer les vues afin qu’elles aient un comportement différent lorsqu’elles sont affichées dans Android studio. Cet outil, nommé Android Tools permet donc de mettre du text pour tester nos TextView, qui ne sera pas compilé et donc non présent lors de l’exécution sur le smartphone. On peux aussi imaginer placer un drawable dans une ImageView ou modifier la visibilité d’un objet.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"     
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:text="@string/hello_android_studio"
        tools:text="Ce texte ne sera affiché que dans la Preview"      
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" />

    <!-- Ce bouton sera invisible sur le smartphone -->
    <Button
        android:text="@android:string/ok"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone"
        tools:visibility="visible"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

ce qui affiche dans la preview

et sur le smartphone

12 commentaires


  1. bonjour j’ai pu faire ma première application sur android studio
    mais quand jl’execute tous les composantes du formulaire se groupe les unes sur les autres que faire pour que le fomulaire ne se brise quand l’app s’execute?.
    merci

    Répondre

  2. bonjour!
    1ere étape avec erreur : pas possible de créer un nouveau projet. message d’erreur (SDK absent??)
    je pense qu’il faut desinstaller, il y a eu une coupure pendant l’installation
    savez vous comment desinstaller proprement?

    merci

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *