Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Développement Android Page 1 Atelier 2 Développement Android et interfaces grap

Développement Android Page 1 Atelier 2 Développement Android et interfaces graphiques. Développement Android Page 2 Première application Création d un projet Android Studio contient un assistant de création d’applications : Application name : c’est le nom qui va apparaitre dans la liste des applications sur l’appareil et dans le Play Store. Company domain : c’est un qualifiant qui apparaitra dans le nom du package Package name : il est utilisé comme identifiant de l’application. Il doit être unique parmi tous les packages installés sur le système. Minimum required SDK : c’est la version Android la plus ancienne sur laquelle l’application peut tourner. Il faut éviter de remonter trop en arrière, ça réduirait les fonctionnalités que vous pourriez donner à votre application. Pour vous aider dans votre choix, cliquez sur le lien Help me choose. Vous verrez apparaître l'écran suivant : Développement Android Page 3 Ce graphique vous permet d'un coup d'œil de vérifier le pourcentage d'appareils qui seront capables d'installer et de lancer votre application. Plates-formes ciblesDans cet écran, vous avez la possibilité de définir la ou les cibles sur lesquelles votre application va fonctionner. Cela permet de déterminer les SDKs à installer dans votre projet. Vous avez le choix entre : Phone and Tablet : les téléphones et tablettes. C'est l'option par défaut ; Wear : les montres et objets connectés ; TV : la télévision, en l'occurrence les équipements qui supportent Android TV ; Android Auto : la voiture. Pour l'instant, seuls les téléphones et tablettes nous intéressent, vous allez donc laisser la première case cochée et ne pas cocher les autres. Développement Android Page 4 Création d’une activité Une activité (ou Activity en anglais) est une brique fondamentale dans l'interaction avec l'utilisateur. C'est elle qui va contenir l'ensemble des éléments graphiques du type champ texte, bouton, titre, etc. Pour faciliter la tâche du développeur, l'assistant de création permet de créer automatiquement des activités pré-définies. Par exemple, une activité pour afficher une carte Google Map ou une activité pour un affichage en mode paysage sur tablette. Dans notre cas, nous allons choisir une activité "vide", en sélectionnant Empty Activity. Eh oui, nous allons tout développer nous-mêmes, c'est le meilleur moyen d'apprendre ! Cliquez sur Next. Développement Android Page 5 L’assistant a créé de nombreux éléments visibles dans la colonne de gauche de l’IDE : • manifests : description et liste des classes de l’application • java : les sources, rangés par paquetage, • res : ressources = fichiers XML et images de l’interface, il y a des sous-dossiers : – layout : interfaces (disposition des vues sur les écrans) – drawable : contient tout élément qui peut être dessiné sur l’écran : images (en PNG de préférence), formes, animations, transitions, etc.. Cinq dossiers drawable permettent aux développeurs de proposer des éléments graphiques pour tout genre d’appareil Android en fonction de sa résolution. En populant correctement ces dossiers on peut ainsi créer des applications avec une interface qui s’adapte à chaque résolution d’écran avec un seul fichier .apk. ldpi low-resolution dots per inch. Pour des images destinées à des écrans de basse résolution (~120dpi) mdpi pour des écrans de moyenne resolution (~160dpi) hdpi pour des écrans de haute résolution (~240dpi) xhdpi pour des écrans ayant une extra haute résolution (~320dpi) xxhdpi pour des écrans ayant une extra extra haute résolution (~480dpi). – menu : menus contextuels ou d’application – mipmap : contient les images de l’icône de votre applications sous différentes résolutions. – values : valeurs de configuration, textes. . . • Gradle scripts : Android Studio utilise un système qu’on appelle Gradle pour compiler Développement Android Page 6 et générer les applications. Pour fonctionner le Gradle a besoin d’un script qui définit les règles de compilation et génération (configuration et dépendances). Android Studio crée ainsi un script gradle pour chaque module (build.gradle (Module :app)) du projet ainsi qu’un script pour le projet entier (build.gradle (Project : MonAppli)) 4. Dans le build.gradle de l’application on définit entre autre la version du SDK utilisée pour la compilation, la version minimale du SDK nécessaire pour faire tourner l’application (rétro-compatibilité), l’identifiant de l’application (le nom du package),etc. .. Création d’un AVD On peut lancer l application sur un appareil virtuel appelé Android Virtual Device AVD qui émule le comportement d’un téléphone, une tablette ou autre. Pour configurer un émulateur, allez dans Tools > Android > AVD Manager Create Virtual Device . Dans cet exemple nous rajoutons une tablette Nexus 10 avec une extra haute résolution (xhdpi). Nous sélectionnons ensuite le processeur qui sera émulé . En cochant Show downloadable system images vous pouvez télécharger d’autres images systèmes avec d’autres versions Android. En cliquant sur Next Vous avez ensuite la possibilité de configurer d’autres paramètres. Notez qu’à la création de l’appareil sa résolution vous est signalée. Ceci est important à noter pour l’intégration d’images dans l’application. Développement Android Page 7 Pour lancer l’exécution sur l’émulateur, appuyez sur le bouton d’exécution et sélectionnez l’émulateur sur lequel vous souhaitez lancer l’application. Vous pouvez cochez Use same device for future launches pour éviter d’avoir à sélectionner l’appareil à chaque lancement. L’émulateur se lance, ça peut prendre quelques minutes soyez patients. Rassurez-vous, vous n’aurez pas à le relancer à chaque fois que vous compilez votre projet, laissez-le ouvert et à chaque fois que vous compilez et relancez votre application, elle pourra être chargée dans l’émulateur en cours (il vous le proposera parmi les Running devices ). Exécution sur un appareil réel Connectez votre appareil par câble USB à l’ordinateur et installez le pilote. Activez l’option de débogage USB sur l’appareil en allant dans les paramètres, sous développement ou options pour les développeurs. Pour les versions supérieures à 4.2, cette option est cachée par défaut, pour la faire apparaitre, allez dans Paramètres>A propos .. et touchez Numéro de build sept fois. Retournez ensuite à l’écran Paramètres , vous verrez apparaitre Options pour les développeurs, rentrez y et activez le débogage. Lancez l’application depuis Android Studio comme précédemment. Si on vous demande de choisir l’appareil, sélectionnez Choose a running device, puis votre téléphone ou tablette. Android Studio installera l’application sur votre appareil et la lancera. Ou est alors mon apk ? Une fois que votre application est compilée, un fichier .apk est créé dans le dossier app\build\outputs\apk de votre répertoire de travail. C’est l’exécutable de votre application. C’est ce fichier que vous devez déployer pour distribuer votre application. Développement Android Page 8 Les interfaces utilisateurs Rappel La création d’interfaces est indispensable lors de la conception d’une application dédiée aux Smartphones car de nouveaux critères sont à prendre en compte dont : - Les différentes tailles d’écran. - Les différentes résolutions etc… La classe centrale et la base pour réaliser une vue sous Android composent la classe “View“. Cette classe est le bloc basique pour les interfaces utilisateurs (disposition d’écran, interaction…). Une ou plusieurs vues peuvent être regroupées dans ce que l’on appelle “ViewGroup“. Ces groupes de vues sont utilisés pour gérer la mise en page des interfaces graphiques. On distingue : - Button (http://developer.android.com/reference/android/widget/Button.html) : Un bouton cliquable. - CheckBox (http://developer.android.com/reference/android/widget/CheckBox.html) : Une checkbox. - EditText (http://developer.android.com/reference/android/widget/EditText.html) : Un champ de texte éditable. - DatePicker (http://developer.android.com/reference/android/widget/DatePicker.html) : Sélection de dates. Développement Android Page 9 - RadioButton (http://developer.android.com/reference/android/widget/RadioButton.html) : Représente les boutons radios. - Toast (http://developer.android.com/reference/android/widget/Toast.html) : Un pop up message qui s’affiche sur l’écran. - ImageButton (http://developer.android.com/reference/android/widget/ImageButton.html): Une image qui se comporte comme un bouton. Sous Android, la notion de mise en page est reliée à la notion de “Layout“. Cette dernière représente l’agencement des différents éléments graphiques dans votre interface. Voici quelques exemples de layouts : Parmi les conteneurs proposés par Android, nous pouvons noter par exemple : - FrameLayout : Ce layout est très simple et permet d’afficher un élément dans votre interface et permet de positionner les éléments les uns au dessus des autres ; Vous pouvez l’utiliser pour ajouter plusieurs éléments et jouer sur leur visibilité. - LinearLayout : Il organise les différents éléments de votre interface sur une ligne ou sur une colonne. La direction peut être définie à l’aide de la méthode setOrientation(). - RelativeLayout : Il permet de définir la position des éléments en fonction de la position de leurs éléments parents. - ConstraintLayout comme le RelativeLayout, mais avec des règles de positionnement beaucoup plus puissantes. On peut déclarer les Layouts par code Java ou par XML. La déclaration en XML convient pour les interfaces statiques et la déclaration Java convient aux interfaces dynamiques. Vous pouvez combiner les deux types de déclarations. Développement Android Page 10 Création de notre première application Interface : Dans ce premier écran, nous souhaitons accueillir l'utilisateur en lui demandant de saisir son prénom. De fait, cet écran va être composé d'un champ texte, d'une zone de saisie et d'un bouton. Le résultat attendu est le suivant : 1. Activité et layout : Une activité a pour rôle principal d'interagir avec l'utilisateur. C'est une classe Java qui hérite obligatoirement de la classe Android Activity ou AppCompatActivity. Par convention, le nom d'une activité est toujours suffixé par Activity et uploads/s3/ module-2-developpement-android.pdf