Développement mobile sous Android

Transcription

1 Développement mobile sous Android E. RAMAT Université du Littoral - Côte d'opale 7 septembre 2013 E. Ramat (ULCO) Android 7 septembre / 207

2 Plan 1 Introduction 2 Environnement de développement 3 Structure d'un programme Android 4 Activité 5 Ressources 6 Interface utilisateur Vues et widgets Interactions 7 Préférences 8 Stockage de données 9 Graphique 10 Processus et threads 11 Service 12 Communication 13 Notication E. Ramat (ULCO) Android 7 septembre / 207

3 Introduction E. Ramat (ULCO) Android 7 septembre / 207

4 Introduction Pourquoi le développement d'applications mobiles? Les devices Apparition de périphériques mobiles connectés au réseau : ultraportables, smartphones, tablettes,... Le Nokia série 9000 E. Ramat (ULCO) Android 7 septembre / 207

5 Introduction Pourquoi le développement d'applications mobiles? Qu'est ce qu'un smartphone? C'est plus qu'un téléphone, il permet : d'envoyer des s de prendre des photos d'écouter de la musique... Technique Un smartphone possède : un système d'exploitation complet un environnement de développement d'applications E. Ramat (ULCO) Android 7 septembre / 207

6 Introduction Les faits L'état actuel en 2006, 2,75 milliards d'abonnés aux téléphones mobiles (dans le monde) en 2013, 6,84 milliards!!! dont 1,1 milliard de smartphones n 2012 dans le monde Progression +300 % de smartphones en 3 ans! E. Ramat (ULCO) Android 7 septembre / 207

7 Introduction Les chires en août 2013 Les smartphones en France et dans le monde GS Statcounter Mesure d'audience : répartition des OS mobiles détectés sur un ensemble de sites E. Ramat (ULCO) Android 7 septembre / 207

8 Introduction Les solutions de développement mobile Les environnements à base de Virtual Machines Java ME (Java Micro Edition) BREW (Binary Runtime Environment for Wireless) Les systèmes d'exploitation minimalistes Symbian (UIQ - User Interface Quartz - et Nokia S60 User Interface comme interface utilisateur) LiMo (basé sur Linux) Angström distribution (Linux minimaliste pour système embarqué) OpenMoko (spécications matérielles et logicielles ; basé sur Linux ; libre) E. Ramat (ULCO) Android 7 septembre / 207

9 Introduction Les solutions de développement mobile Les systèmes d'exploitation enrichis Android ios (iphone) Windows Phone BlackBerry OS (BlackBerry) Palm OS (Garnet OS, Cobalt OS) HP/Palm WebOS (Mojo) Les autres OVI (ensemble de services par Nokia) Adobe Flash Lite (version légère de Flash pour mobile) E. Ramat (ULCO) Android 7 septembre / 207

10 Introduction Problématiques Distribution des applications dépôt centralisé ou décentralisé depuis un PC Hardware hétérogénéité du matériel puissance et mémoire limitées connectivité à Internet (disponibilité, rapidité,... ) dispositif d'achage divers (et réduit dans le cas des téléphones) diculté de pointage (touch ou stylet) et de saisie (clavier physique ou virtuel) E. Ramat (ULCO) Android 7 septembre / 207

11 Introduction Problématiques Système d'exploitation Quel système d'exploitation? ios d'apple Android de Google BlackBerry OS sur Blackberry Windows Phone de Microsoft Développement quel langage? quel IDE / environnement de développement? émulation ou/et non pour le debugging des applications? E. Ramat (ULCO) Android 7 septembre / 207

12 Introduction Qu'est-ce qu'android? Dénition android est la première plateforme ouverte, gratuite et compléte pour des devices mobiles développé par Open Hanset Alliance sous licence Apache Software License 2.0 Dénition Android est un ensemble de logiciels incluant : un système d'exploitation basé sur Linux un middleware des applications clés (téléphone, contacts, navigateur,... ) et un ensemble d'api avancées E. Ramat (ULCO) Android 7 septembre / 207

13 Introduction Qu'est-ce qu'android? SDK Le SDK (Software Development Kit) est : un ensemble d'outils un ensemble d'api spécialisées basé sur un sous-ensemble du langage Java SDK en C/C++ il existe aussi un SDK en C/C++ : le NDK (Native Development Kit) utilisé pour les applications critiques E. Ramat (ULCO) Android 7 septembre / 207

14 Introduction Qu'est-ce qu'android? Android n'est pas Linux! Android est basé sur un noyau Linux MAIS ce n'est pas GNU/Linux! pas de système de fenêtres pas de glibc pas d'utilitaire GNU/Linux E. Ramat (ULCO) Android 7 septembre / 207

15 Introduction Qu'est-ce qu'android? Android n'est pas Java! Android n'est pas une implémentation de tout le langage Java! utilise le langage Java implémente une partie de la spécication de Java5 SE s'éxecute sur une machine virtuelle dalvik au lieu de la JVM Machine à piles / Machine à registres La JVM est basée sur une machine à piles alors que la machine virtuelle dalvik est basée sur une machine à registres E. Ramat (ULCO) Android 7 septembre / 207

16 Introduction Qu'est-ce qu'android? Le noyau Linux d'android Android est basé sur le noyau 2.6 de Linux et fournit : la couche sécurité la gestion de la mémoire et des processus la pile réseau le modèle de driver et la couche d'abstraction Les sources du noyau source.android.com E. Ramat (ULCO) Android 7 septembre / 207

17 Introduction Qu'est-ce qu'android? L'architecture d'android E. Ramat (ULCO) Android 7 septembre / 207

18 Introduction Qu'est-ce qu'android? Améliorations Android a ajouté plusieurs patchs au noyau : alarm : ajout de timers pour réveiller le système ashmen : mémoire partagée entre processus pmen : allocation mémoire des processus binder : mécanisme de communication inter-processus (n'utilise pas SysV IPC) et d'invocation de méthodes distantes power management : gestion de l'énergie low memory killer (pas d'espace de swap disponible) : tueur de processus en cas de mémoire insusante logger : gestion des logs ("main", "events", "radio" - sms/voix - et "system") E. Ramat (ULCO) Android 7 septembre / 207

19 Introduction Qu'est-ce qu'android? Autres caractéristiques nagivateur web intégré basé sur le moteur WebKit OSS (utilisé dans chrome et safari) graphique 3D basé sur OpenGL ES (Open Graphics Library for Embedded System) SQLite pour le stockage des données en base de données (utilisation de SQL) prise en charge des formats courants multimédia : audio, video et image prise en charge de camera, GPS, compas et accéleromètre E. Ramat (ULCO) Android 7 septembre / 207

20 Introduction Qu'est-ce qu'android? Les versions E. Ramat (ULCO) Android 7 septembre / 207

21 Introduction Qu'est-ce qu'android? La suivante 4.4 : Kit Kat E. Ramat (ULCO) Android 7 septembre / 207

22 Introduction Qu'est-ce qu'android? Les versions 1.0 : Apple Pie (septembre 2008) 1.1 : Banana Bread (février 2009) 1.5 : Cupcake (avril 2009) - API : Donut (septembre 2009) - API 4 2.0/2.1 : Eclair (octobre 2009) - API : FroYo (mai 2010) - API : Gingerbread (décembre 2010) - API : Honeycomb (février 2011) - API : Ice Cream Sandwich (ICS) (octobre 2011) - API /4.2/4.3 : Jelly Bean (juillet 2012 au juillet 2013) - API Sortie des versions très rapides problème de déploiement! E. Ramat (ULCO) Android 7 septembre / 207

23 Introduction Qu'est-ce qu'android? Déploiement - juin 2013 Répartition Eclair (2.1) et versions antérieures : 1,3 % FroYo (2.2) : 2,5 % Gingerbread (2.3) : 33,1 % Honeycomb (3.x) : 0,1 % Ice Cream Sandwich (4.0.x) : 22,5 % Jelly Bean (4.1/4.2) : 40,5 % E. Ramat (ULCO) Android 7 septembre / 207

24 Introduction Qu'est-ce qu'android? version 1.0 : Apple Pie création d'android Market (le modèle de diusion des applications) navigateur Web (HTML/XHTML) accès aux services POP3, IMAP4 et SMTP synchronisation avec les services Google (mail, agenda, contact, chat) localisation avec GPS et Google Maps support des SMS et MMS support des appareils photo lecture multimédia support du Wi et du Bluetooth notications (barre de status, personnalisation des sonneries, vibreur et LED) Youtube et quelques applications E. Ramat (ULCO) Android 7 septembre / 207

25 Introduction Qu'est-ce qu'android? version 1.1 : Banana Bread améliorations de Maps pièce attachée au MMS support des marquee dans les layouts version 1.5 : Cupcake basé sur le noyau Linux support pour les claviers virtuels + prédiction des mots support pour les Widgets (miniatures sur le bureau) enregistrement vidéo (format MPEG-4 et 3GP) support du Bluetooth A2DP et AVRCP ajout de la fonction copier/coller dans le navigateur ajout de photos pour les contacts enregistrés comme favoris ajout de date/heure des appels / ajout accès rapide aux contacts animations lors d'un changement d'écran E. Ramat (ULCO) Android 7 septembre / 207

26 Introduction Qu'est-ce qu'android? version 1.6 : Donut basé sur le noyau Linux possibilité de recherche dans les favoris, l'historique, les contacts et Internet depuis l'écran d'accueil mise à jour de la recherche vocale et meilleure intégration avec les applications natives interface de l'android Market améliorée interface native pour l'appareil photo, la camera et la galerie ; mise à jour du support pour CDMA/EVDO, 802.1x, VPNs et une synthèse vocale support des écrans avec une résolution WVGA framework de reconnaissance de gestes (GestureBuilder) Google Navigation (GPS Gratuit) E. Ramat (ULCO) Android 7 septembre / 207

27 Introduction Qu'est-ce qu'android? version 2.0/2.1 : Eclair vitesse hardware optimisée support de plus de taille d'écran et résolutions réorganisation de l'interface utilisateur nouvelle interface du navigateur et support de l'html5 nouvelle liste de contact amélioration de Google Maps support de Microsoft Exchange Server par Exchange ActiveSync 2.5 support de nouvelles fonctions pour l'appareil photo (ash, zoom digital, balance de blancs, eets de couleurs et focus macro) meilleure gestion des évènements multipoints amélioration du clavier virtuel Bluetooth 2.1 fonds d'écran animés E. Ramat (ULCO) Android 7 septembre / 207

28 Introduction Qu'est-ce qu'android? version 2.2 : Froyo basé sur le noyau Linux optimisations générales de la vitesse, de la mémoire et des performances de l'os intégration du JIT intégration du moteur JavaScript V8 de Chrome Hotspot Wi-Fi et USB Tethering possibilité de désactiver l'accès aux données sur réseau mobile amélioration et renommage de l'android Market (Google Play) support de l'installation d'applications sur la mémoire extensible support d'adobe Flash Player 10.1 support des écrans à haute densité de pixels (320 dpi) E. Ramat (ULCO) Android 7 septembre / 207

29 Introduction Qu'est-ce qu'android? version 2.3 : Gingerbread basé sur le noyau Linux passage au système de chiers ext4 support des grands écrans à résolutions extra-larges (WXGA et plus) support du NFC support de la VoIP et SIP refonte du clavier virtuel (multi-touch) et de l'autocomplétion garbage collector pour de meilleures performances support de nouveaux capteurs (gyroscope et baromètre) support natif de plusieurs caméras (dont frontale) ; support du chat vocal et vidéo sur Google Talk ; E. Ramat (ULCO) Android 7 septembre / 207

30 Introduction Qu'est-ce qu'android? version 3 : Honeycomb basé sur le noyau Linux interface entièrement retravaillée et optimisée pour les tablettes tactiles bureau tridimensionnel avec widgets améliorés support des processeurs multi-coeur USB Host et Accessories Developer Kit support des proxys HTTP pour les points d'accès Wi-Fi support des tablettes tactiles de 7 pouces support des processeurs Qualcomm E. Ramat (ULCO) Android 7 septembre / 207

31 Introduction Qu'est-ce qu'android? version 4.0 : Ice Cream Sandwich basé sur le noyau Linux boutons virtuels intégrés à l'interface, en remplacement des boutons physiques capture d'écran native ; déverrouillage par reconnaissance faciale Wi-Fi Direct enregistrement vidéo en 1080p nouveau menu Power E. Ramat (ULCO) Android 7 septembre / 207

32 Introduction Qu'est-ce qu'android? version 4.1 : Jelly Bean Google Now Google Chrome, navigateur par défaut amélioration de la synchronisation amélioration de la rapidité et de la uidité de l'interface support de nouvelles langues widgets intelligents : redimensionnement automatiquement système audio multi-canal transfert de données Bluetooth pour Android Beam amélioration de l'appareil photo photo des contacts en haute résolution amélioration de la barre de notications recherche vocale améliorée à la façon de Siri sur ios E. Ramat (ULCO) Android 7 septembre / 207

33 Introduction Qu'est-ce qu'android? version 4.2 : Jelly Bean - suite améliorations diverses support du multi-utilisateur sur les tablettes nouvelle application et widget horloge résolution de problèmes Bluetooth E. Ramat (ULCO) Android 7 septembre / 207

34 Introduction Qu'est-ce qu'android? version 4.3 : Jelly Bean - suite et n son : Virtual Surround Sound autocomplétion (Téléphone) amélioration de la saisie du texte et du clavier Google support du Bluetooth Smart (Low Energy) et du Bluetooth AVRCP 1.3 ajout de l'opengl ES 3.0 simplication de l'assistant d'installation ajout de nouvelles langues E. Ramat (ULCO) Android 7 septembre / 207

35 Introduction Android Market / Google Play Dénition système standard de téléchargement des applications renommé en Google Play pas de vérication des applications navigation laborieuse : par catégorie / payant/gratuit / par mot clé gestion des autorisations avant téléchargement / installation des centaines de milliers d'applications existence de markets alternatifs Développeur 25$ pour s'inscrire en tant que développeur (à payer une seule fois) modèle économique : 70% pour le développeur 30% pour Google gestion des revenus via Google Checkout 57% des applications sont gratuites E. Ramat (ULCO) Android 7 septembre / 207

36 Environnement de développement E. Ramat (ULCO) Android 7 septembre / 207

37 Environnement de développement L'environnement idéal Le système d'exploitation Ubuntu est un excellent choix : pris en charge et testé par Google tous les outils sont disponibles l'installation en 32 bits est vivement recommandée L'EDI Eclipse est une plateforme de développement extensible : Eclipse est plus qu'un IDE un plugin ADT (Android Development Tools) pour Android est disponible E. Ramat (ULCO) Android 7 septembre / 207

38 Environnement de développement Installation Processus d'installation sous Ubuntu installer Eclipse : sudo apt-get install eclipse ou via le site web d'eclipse ( openjdk-6 / openjdk-7 est installé en même temps que le paquet Eclipse installer le sdk d'android : aller sur la page télécharger la version Linux (i386) décompresser le chier tgz dans /opt (sudo tar zxvf android-sdk_r linux.tgz puis sudo mv android-sdk-linux_x86 android-sdk) E. Ramat (ULCO) Android 7 septembre / 207

39 Environnement de développement Installation Processus d'installation sous Ubuntu - suite installer le plugin ADT : lancer Eclipse puis sélectionner Help puis Intall New Software... cliquer sur le bouton Add... en haut à droite de la fenêtre entrer ADT Plugin comme nom et comme Location puis valider En cas de problème réseau Il est probablement qu'il faille utiliser l'url en mode http au lieu de https. E. Ramat (ULCO) Android 7 septembre / 207

40 Environnement de développement Installation Processus d'installation sous Ubuntu - suite Dans la boîte de dialogue Available Softwares, cocher Developer Tools puis cliquer sur Next la liste des softwares apparait, cliquer sur Next lire la licence Apache et accepter la licence puis cliquer sur nish pour nir l'installation, redémarrer Eclipse E. Ramat (ULCO) Android 7 septembre / 207

41 Environnement de développement Installation Processus d'installation sous Ubuntu - n Il reste à lier Eclipse au SDK d'android sélectionner Window puis Preferences choisir Android puis dénir le chemin du SDK ( /opt/android-sdk) Statistiques Google Lors de la sélection d'android, une fenêtre s'est ouverte et vous pouvez valider le fait que vous envoyez vos statistiques d'utilisation des outils Android. E. Ramat (ULCO) Android 7 septembre / 207

42 Environnement de développement Installation Les nouveautés Plusieurs éléments sont maintenant accessibles : dans le menu Window, un accès aux outils du SDK d'android dans le menu File puis New Project, un wizard Android qui donne la possibilité de créer un projet Android ou un projet de tests d'une application Android Installation des API et des émulations Il faut maintenant installer les API Android et dénir une émulation d'une machine Android via AVD Manager. E. Ramat (ULCO) Android 7 septembre / 207

43 Environnement de développement Installation Installation des API dans le menu Window, sélectionner Android SDK and AVD Manager sélectionner Available packages puis ouvrir la branche Android Repository (la liste des packages Android est téléchargée) si vous voulez développer pour Android 3.2 : cocher SDK Platform Android 3.2, API 13, revision 1 cocher Samples for SDK API 13, revision 1 (si vous désirez les exemples) cocher Documentation for Android SDK, API 13, revision 1 (si vous désirez installer la documentation) cliquer sur Install Selected et vérier que tous les packages sont Accept puis cliquer sur Install E. Ramat (ULCO) Android 7 septembre / 207

44 Environnement de développement Installation Droits Si vous n'avez pas les droits sur /opt : soit exécutez en console l'utilitaire android en mode sudo : $ sudo /opt/android-sdk/tools/android soit donner les droits à l'utilisateur d'eclipse sur le répertoire /opt/android-sdk : $ sudo chown -R toto:toto /opt/android-sdk La deuxième solution est à privilégier car la dénition des émulations va poser les mêmes problèmes de droits. E. Ramat (ULCO) Android 7 septembre / 207

45 Environnement de développement Installation Mise au point du code La mise au point du code peut être réalisée selon deux méthodes : l'exécution sur un matériel sous Android l'exécution via une émulation Exécution sur un matériel sous Android Lors de l'exécution de l'application depuis Eclipse, une fenêtre propose de sélectionner un matériel connecté via USB (s'il est reconnu) ou une émulation. E. Ramat (ULCO) Android 7 septembre / 207

46 Environnement de développement Installation Dénition d'une émulation lancer l'application android du répertoire /opt/android-sdk/tools ou sélectionner Android SDK and AVD Manager du menu Window sous Eclipse sélectionner Virtual devices puis cliquer sur New... saisir un nom de Virtual Device choisir une cible (target) parmi la liste des API que vous avez installés le CPU/ABI est automatiquement xé à ARM qui est l'architecture - processeur standard E. Ramat (ULCO) Android 7 septembre / 207

47 Environnement de développement Installation Autres paramètres on peut dénir une carte SD en spéciant la taille on peut changer le skin de l'émulateur ; on peut installer des skins de machines existantes (Samsung, HTC, Sony Ericson,... ) pour obtenir le même rendu que sur la machine réelle il est possible de dénir des paramètres au matériel (par exemple, la taille de la RAM) E. Ramat (ULCO) Android 7 septembre / 207

48 Structure d'un programme Android E. Ramat (ULCO) Android 7 septembre / 207

49 Structure d'un programme Android Création d'un projet Android sous Eclipse Nouveau projet sélectionner New dans le menu File puis Project... ouvrir la branche Android et sélectionner Android Project cliquer sur Next > et saisir un nom de projet (par défaut, l'application possédera le même nom) sélectionner l'api cible saisir un nom de package (toutes les classes doivent appartenir à un package) par défaut, une activité sera créée avec pour nom le nom du projet auquel est concaténé le mot Activity (on peut désactiver cette option) E. Ramat (ULCO) Android 7 septembre / 207

50 Structure d'un programme Android Création d'un projet Android sous Eclipse Nouveau projet - suite la version minimale du SDK est mise automatiquement en fonction de l'api cible (si vous n'utilisez pas d'éléments spéciques à l'api cible, vous pouvez spécier une version inférieure) cliquer sur Finish Localisation Par défaut, le projet va se créér dans le workspace ouvert au démarrage d'eclipse. On peut aussi cloner un exemple ou réutiliser un code existant. E. Ramat (ULCO) Android 7 septembre / 207

51 Structure d'un programme Android Création d'un projet Android Création sans Eclipse Il est possible de créér un projet Android sans Eclipse via l'outil android du répertoire tools : android create project target <target_id> name <your_project_name> path path/to/your/project activity <your_activity_name> package <your_package_namespace> E. Ramat (ULCO) Android 7 septembre / 207

52 Structure d'un programme Android Structure d'un projet Android Arborescence Cinq répertoires sont générés : assets : des chiers chargés sur le périphérique comme des chiers audio, vidéo, texte (par exemple, la licence) bin : les résultats de la compilation (les chiers.class) et de la génération de l'application (.dex,.apk et resources) gen : les chiers générés par Android (en particulier, le chier R.java) res : toutes les ressources nécessaires à l'application (icones, chaînes de caractères constantes, layout,... ) src : les chiers sources Java du projet placés dans un sous-répertoire conforme au nom de package déclaré E. Ramat (ULCO) Android 7 septembre / 207

53 Structure d'un programme Android Structure d'un projet Android Les chiers.dex La compilation des chiers Java produit des chiers.dex (Dalvik Executable). Les chiers.apk Les chiers.apk sont des chiers compressés contenant les éléments d'une application Android : les chiers.dex, les ressources, les assets, le chier manifest,... E. Ramat (ULCO) Android 7 septembre / 207

54 Structure d'un programme Android Structure d'un projet Android Le chier R.java il contient en fait l'ensemble des références vers les ressources du projet (lien entre un attribut statique d'une classe statique et un nombre en hexadécimal) par exemple, l'accès à l'icone de l'application est possible grâce à l'attribut icon de la classe drawable de la classe R Le chier main.xml L'interface principale est dénie dans un layout principal stocké dans un chier xml (main.xml). Par défaut, l'application démarre avec cette interface (R.layout.main). E. Ramat (ULCO) Android 7 septembre / 207

55 Structure d'un programme Android Structure d'un projet Android Le chier strings.xml au lieu d'utiliser des chaînes de caractères constantes dans le code, il faut déporter ces chaînes dans le chier strings.xml qui fait le lien entre un identiant et une chaîne de caractères ces ressources de type String sont alors utilisés dans les messages le mécanisme multilangue se base sur une arborescence de chiers strings.xml E. Ramat (ULCO) Android 7 septembre / 207

56 Structure d'un programme Android Structure d'un projet Android Le chier AndroidManifest.xml Toutes les applications Android disposent d'un chier de description (AndroidManifest.xml) contenant : le nom du package de l'application (ce nom doit être unique dans le monde Android) le niveau minimal d'api la liste des librairies nécessaires à l'application la description des composants de l'application (activités, services, récepteur de ux, fournisseur de contenu,... ) les permissions nécessaires pour interagir avec l'application... E. Ramat (ULCO) Android 7 septembre / 207

57 Structure d'un programme Android Architecture d'une application Android Sandbox Une application Android s'exécute son sandbox (bac à sable). Elle possède : son propre ID user pour isoler en terme de droit d'accès les chiers utilisés par l'application sa propre machine virtuelle (dans un processus Linux) an d'isoler les applications entre elles son propre processus Linux, un processus est lancé dès qu'un des composants d'une application est lancée et arrêté dès que l'application est arrêtée ou lorque le système a besoin de libérer de la mémoire E. Ramat (ULCO) Android 7 septembre / 207

58 Structure d'un programme Android Architecture d'une application Android Une architecture basée sur les composants les activités : un simple écran avec une interface graphique avec laquel l'utilisateur peut interagir les services : un composant qui permet d'exécuter en tâche de fond un traitement long ou se connecter à un service distant (pas d'interface graphique) les récepteurs de ux/évenement : un composant à l'écoute d'événements et ache une notication ou exécute une activité les fournisseurs de contenu : un composant de gestion des données qui donnent accès à des données E. Ramat (ULCO) Android 7 septembre / 207

59 Structure d'un programme Android Architecture d'une application Android Intent les intents (intentions) permet d'envoyer des messages asynchrones à des activités ou services ou récepteurs, pour les activer un intent peut être implicite (activation d'un type de composants) ou explicite (activation d'un composant) Intent et les activités/services une intent dénit une action à réaliser (view, send,... ) des données peuvent accompagner la demande via une URI Intent et les récepteurs Les intents permettent d'annoncer les événements. E. Ramat (ULCO) Android 7 septembre / 207

60 Activité E. Ramat (ULCO) Android 7 septembre / 207

61 Activité Dénitions Dénition - activité une activité est un composant d'une application qui fournit un écran avec lequel l'utilisateur peut interagir en général, la zone d'interaction remplie la totalité de l'écran mais, possibilité de dénir des fenêtres ottantes une application se compose de plusieurs activités Organisation les activités sont empilées comme un tas de cartes les nouvelles activités sont placées au sommet du tas (l'application active est mise en pause) une et une seule activité est visible au même instant une et une seule activité est active au même instant lorsque l'utilisateur appuie sur black alors l'activité courante est détruite et la précédente est réactivée (resume) E. Ramat (ULCO) Android 7 septembre / 207

62 Activité Cycle de vie E. Ramat (ULCO) Android 7 septembre / 207

63 Activité Dénitions Dénition - vue l'interface utilisateur d'une activité est fournie par une hiérarchie de vues chaque partie de l'interface (zone rectangulaire) est gérée par une vue et l'utilisateur peut interagir avec E. Ramat (ULCO) Android 7 septembre / 207

64 Activité Cycle de vie E. Ramat (ULCO) Android 7 septembre / 207

65 Activité Cycle de vie - les phases oncreate lorsque l'activité est lancée pour la première fois ou après un redémarrage total du système lorsque l'activité est relancée après une destruction totale de l'activité ou de l'application lorsque le terminal changé d'état (mode portrait / mode paysage, par exemple) et que l'activité utilise des ressources diérentes en fonction de l'état E. Ramat (ULCO) Android 7 septembre / 207

66 Activité Cycle de vie - les phases Redémarrage lors du redémarrage d'une activité, un objet Bundle est passé en paramètre cet objet contient la sauvegarde de l'état de l'activité si votre activité contient des attributs spéciques, il est nécessaire de surcharger la méthode onsaveinstancestate() pour sauvegarder ces attributs la méthode onrestoreinstancestate() pour restaurer les attributs lors du redémarrage l'objet Bundle est un map Sauvegarde Par défaut, la plupart des états des widgets sont sauvegardés... mais pas tous! Par exemple, si un bouton est actif ou non. E. Ramat (ULCO) Android 7 septembre / 207

67 Activité Cycle de vie E. Ramat (ULCO) Android 7 septembre / 207

68 Activité Cycle de vie - les phases ondestroy lorsque la méthode finish est appelée (la méthode isfinish permet de savoir s'il s'agit de cette méthode) lorsque le système a besoin de mémoire Attention! Il n'y a pas d'appel à onsaveinstancestate() dans le cas d'une termination par la méthode finish. E. Ramat (ULCO) Android 7 septembre / 207

69 Activité Cycle de vie - les phases onpause/onresume onpause est appelée lorsque l'activité est en train de réaliser un traiement (sauvegarde de données, par exemple, ou tout traitement utilisant le CPU) et une autre activité est activée onresume fait suite à la réactivation de l'activité mise en pause Attention! Si une activité mise en pause ne revient pas au premier plan alors elle est stoppée. E. Ramat (ULCO) Android 7 septembre / 207

70 Activité Cycle de vie - les phases onstart/onrestart/onstop onstart est appelée soit lorsque l'activité est lancée (juste après oncreate) soit lorqu'elle revient au premier plan onstop est invoquée lorque l'activité n'a pas été visible à l'utilisateur depuis trop longtemps alors qu'elle était en pause (l'activité peut être détruite ensuite - ondestroy) onrestart fait suite à une réactivation d'une activité dans un état stop E. Ramat (ULCO) Android 7 septembre / 207

71 Activité Déclaration des activités Hormis la déclaration de la classe Java représentant l'activité, elle doit être déclaré dans le chier Manifest de l'application < manifest... > < application... > <activity android:name =". MyActivity " / >... </ application... >... </ manifest > E. Ramat (ULCO) Android 7 septembre / 207

72 Activité Déclaration des activités Attributs l'attribut name désigne la classe Java MyActivity comme une activité de l'application il existe d'autres attributs dénissant les propriétés de l'activité (le thème ou l'orientation de la vue, par exemple) les attributs permettent aussi de dénir les permissions, les événements capturés (par exemple, si l'écran change d'orientation) E. Ramat (ULCO) Android 7 septembre / 207

73 Activité Lancement d'une activité Deux scénarios une activité lance une autre activité sans se préoccuper du résultat de l'activité lancée on attend un résultat de l'activité lancée Intention pour démarrer une activité, il faut dénir une intention une intention est une requête s'adressant à une activité ou une demande à destination d'un récepteur pour le lancement d'une activité depuis une activité d'une application, on utilise un nommage direct de l'activité (en oppostion au intention via des URI) Création d'une intention new Intent ( this, MyActivity. class ); E. Ramat (ULCO) Android 7 septembre / 207

74 Activité Lancement d'une activité Lancement Deux méthodes possibles : startactivity et startactivityforresult startactivity ( new Intent ( this, MyActivity. class )); startactivityforresult ( new Intent ( this, MyActivity. class ), RETURN_CODE ); Lancement avec résultat le code de retour (second paramètre de la méthode startactivityforresult) permet à une activité de savoir quelle activité vient de prendre ni la méthode onactivityresult est appelée et les 3 paramètres (requestcode, resultcode et data) permet : de savoir quelle activité vient de nir si l'activité s'est terminée correctement (Activity.RESULT_OK ou Activity.RESULT_CANCELED) de récupérer les données de retour (les données sont sous forme d'un URI) E. Ramat (ULCO) Android 7 septembre / 207

75 Activité L'activité principale d'une application Activité principale pour le lancement d'une application, une activité doit dénir une intention de catégorie LAUNCHER android.intent.action.main indique que c'est l'activité initiale et qu'elle est lancée sans donnée d'entrée et sans donnée de retour une icône doit être spéciée an que l'application apparaisse dans le menu principal du système (la taille de l'icône est xée à 72 x 72 pixels) <activity android:name =". MyActivity " android:icon / app_icon " > <intent - filter > <action android:name =" android. intent. action. MAIN " / > <category android:name =" android. intent. category. LAUNCHER " / > </ intent - filter > </ activity > E. Ramat (ULCO) Android 7 septembre / 207

76 Ressources E. Ramat (ULCO) Android 7 septembre / 207

77 Ressources Dénitions Dénition informations statiques, stockées en dehors du code Java, plusieurs types : des images des valeurs (chaînes, couleurs, tableaux, dimensions) associés à des noms symboliques des chiers XML statiques des objets bruts (chiers quelconques, par exemple) Valeurs Utilisées pour l'internationalisation et la localisation Il faut ABSOLUMENT éviter les chaînes de caractères constantes dans le code Java! E. Ramat (ULCO) Android 7 septembre / 207

78 Ressources Structure la dénition des ressources est disponible dans le répertoire res/ les diérents types de ressources sont regroupés dans des répertoires : animator pour la dénition des animations (succession d'images avec des délais et des transitions) anim pour la dénition des animations des vues color pour les listes de couleurs liées à un état drawable pour les images, layout pour la description XML des éléments d'interface menu pour la description XML des menus raw pour les chiers de l'application (chiers audios, chiers de données de type CSV, par exemple) values pour les messages, les dimensions, les couleurs, les tableaux de constantes,... xml pour les chiers XML E. Ramat (ULCO) Android 7 septembre / 207

79 Ressources Utilisation Deux besoins depuis une autre ressource : une ressource a besoin d'une autre / hello dans le code Java : toutes les ressources sont identiées par des entiers et accessible via des constantes de sous-classe de la classe R R. string. hello R. layout. main Il ne faut surtout pas modier le chier R.java à la main! Les entiers sont générés de manière automatique. E. Ramat (ULCO) Android 7 septembre / 207

80 Ressources Utilisation - exemples courants Assignation d'une nouvelle vue à une activité Un chier XML main_screen est disponible dans le répertoire layout setcontentview (R. layout. main_screen ); Aectation d'un texte à une zone de texte Dans un chier de type Layout, un élément de type TextView est déni avec l'identiant msg (android:id="@+id/msg") TextView msgtextview = ( TextView ) findviewbyid (R. id. msg ); msgtextview. settext (R. string. hello_message ); Unicité des identiants La déclaration des id (@+id/...) doit être unique dans l'ensemble du layout. E. Ramat (ULCO) Android 7 septembre / 207

81 Ressources Utilisation - exemples courants Dénition du texte d'un bouton Une constante string nommée submit est dénie et un bouton est déni dans un layout <Button... android:text / submit " / > E. Ramat (ULCO) Android 7 septembre / 207

82 Ressources Les images Dénition par défaut, les images sont stockées dans le répertoire res/drawable ; trois formats d'images sont reconnus : PNG, JPEG et GIF le format conseillé est PNG et GIF est ociellement déconseillé La ressource de type image (drawable) ic_launcher est dénie comme l'icône de l'application. < application android:icon / ic_launcher "... / > E. Ramat (ULCO) Android 7 septembre / 207

83 Ressources Les couleurs Dénition il est possible de dénir sous forme de constantes les couleurs utilisées dans une application les couleurs sont dénies res/values/colors.xml plusieurs formes pour exprimer les couleurs : #RGB : un seul digit hexadécimal est utilisé pour exprimer chaque composante de la couleur (#000 désigne le noir, c'est équivalent à #000000) ; #ARGB : la valeur du canal alpha est ajoutée à la dénition de la couleur (le canal alpha désigne le niveau de transparence par défaut, A = #FF càd totalement opaque) #RRGGBB et #AARRGGBB : formats à deux digits héxadécimaux par couleur <resources > <color name=" textcolor " > #000 </ color > <color name=" btnbackground " ># fff </ color > </ resources > E. Ramat (ULCO) Android 7 septembre / 207

84 Ressources Les styles Dénition un style est un assemblage de plusieurs attributs utilisés plusieurs fois dans l'applications les style sont dénis res/values/styles.xml Déntion d'un nouveau style la couleur, la dimension, le style et la police de caractères sont modiés la couleur et la dimension font référence à des constantes. <resources > <style name=" GreenText " parent / TextAppearance " > <item name=" android:textcolor " / textcolor </ item > <item name=" android:textsize " / textsize </ item > <item name=" android:textstyle " >italic </ item > <item name=" android:typeface " >serif </ item > </ style > </ resources > E. Ramat (ULCO) Android 7 septembre / 207

85 Ressources Ressources alternatives Dénition des alternatives les alternatives sont utilisées pour répondre aux problèmes d'hétérogéniété du matériel, à l'orientation de l'écran, à la langue, du mode jour/nuit,... par exemple : plusieurs versions d'une même image peut être proposées en fonction de la résolution de l'écran plusieurs répertoires drawable sont alors disponibles : drawable (pour la taille par défaut), drawable-hdpi (pour les grandes résolutions),... (ldpi, mdpi, hdpi, xhdpi, nodpi et tvdpi) Orientation de l'écran Pour les éléments d'interface, deux répertoires sont nécessaires : layout-port pour le mode portrait (vertical) layout-land pour le mode paysage (horizontal) Tous les éléments d'interface ne nécessitent pas obligatoirement une double dénition. E. Ramat (ULCO) Android 7 septembre / 207

86 Interface utilisateur E. Ramat (ULCO) Android 7 septembre / 207

87 Interface utilisateur Introduction générale Ergonomie concevoir votre application pour un périphérique mobile avec toutes ses contraintes la référence pour Android : Ce qu'il ne faut pas faire! un simple portage de votre application développée sous un autre système (multifenêtré, saisie clavier et souris,... ) ne pas abuser des fenêtres modales et des boites de conrmation ne créer pas d'interface xe et ne positionner pas les élements de manière xe ne pas utiliser les dimensions px mais dpi (ou sp pour le texte) ne pas utiliser les polices de caractères trop petites E. Ramat (ULCO) Android 7 septembre / 207

88 Interface utilisateur Introduction générale Ce qu'il faut faire! créer des versions pour les écrans de grande densité mettre des éléments grands et évidents (boutons,... ) suivre le guide Android pour les icônes ( gérer proprement la pile d'activités gérer le changement d'orientation utiliser les thèmes, les couleurs,..., dénis sous forme de ressources an de limiter les recondances Il est important de suivre les diérents guides de conception d'android pour obtenir une applications conformes aux attentes des utilisateurs E. Ramat (ULCO) Android 7 septembre / 207

89 Interface utilisateur Introduction générale Préceptes beauté : même l'icône de l'application est importante simplicité : l'utilisation doit être intuitive introduiser des dessins explicites, intégrer des actions de navigation simple (balayage du doigt, par exemple) faites des messages les plus courts possibles les choses importantes doivent être rapide d'accès décomposer les tâches complexes en petites étapes informer l'utilisateur lors des actions (même sous forme ash) E. Ramat (ULCO) Android 7 septembre / 207

90 Interface utilisateur Introduction générale Organisation un écran de démarrage (ou écran principal) : l'identité de votre application doit contenir une grande partie de la navigation à adapter à la taille des écrans l'écran principal peut être divisé en plusieurs écrans pour les diérentes fonctionnalités de l'application des écrans de détail ou d'édition de données Organisation - barre d'actions chaque écran doit possèder une barre d'actions pour la navigation et les actions de premier niveau attention, disponible qu'à partir de Android 3.0 E. Ramat (ULCO) Android 7 septembre / 207

91 Interface utilisateur Vues et widgets Dénitions - Vue chaque activité possède une fenêtre graphique pour interagir avec elle il existe 2 stratégies de construction : totalement en Java par instantation des widgets à l'aide de chiers XML de dénition des widgets composants l'interface l'interface graphique d'une activité est construite à partir de View (classe android.view.view) et de ViewGroup la vue est le concept de base ; les composants utilisables sont les widgets de même, le groupe de vues est un concept de base dérivé en layout qui permet d'agencer les widgets L'utilisation des chiers de dénition XML est fortement conseillé. E. Ramat (ULCO) Android 7 septembre / 207

92 Interface utilisateur Layout XML Dénitions un layout XML est une réprésentation XML de l'organisation des widgets d'une interface graphique les éléments de l'interface sont agencés selon diérents modèles (Linear, Grid, Absolute, Relative,... ) il est possible de dénir des hiérarchies de layouts Eclipse Eclipse ore des outils de dénition graphique. E. Ramat (ULCO) Android 7 septembre / 207

93 Interface utilisateur LinearLayout Dénition d'un layout Deux widgets (une zone de texte et un bouton) placés l'un en dessous de l'autre (en mode portrait/vertical) <? xml version =" 1.0 " encoding ="utf -8 "? > <LinearLayout xmlns:android =" http: // schemas. android. com / apk / res / android " android:layout_width =" fill_parent " android:layout_height =" fill_parent " android:orientation =" vertical " > <TextView android:id ="@+id / text " android:layout_width =" wrap_content " android:layout_height =" wrap_content " android:text =" Hello, I am a TextView " / > <Button android:id ="@+id / button " android:layout_width =" wrap_content " android:layout_height =" wrap_content " android:text =" Hello, I am a Button " / > </ LinearLayout > les 2 widgets sont identiés via la création de 2 identiants (@+id/...) en revanche, les textes ne sont pas génériques (déni directement) E. Ramat (ULCO) Android 7 septembre / 207

94 Interface utilisateur LinearLayout - paramètres Paramètres à chaque niveau de la hiérarchie d'un layout, des paramètres sont applicables il existe des paramètres communs à tous les éléments et des paramètres spéciques les paramètres qui s'appliquent sont ceux du layout dans lequel l'élément est déni et ceux de l'élément E. Ramat (ULCO) Android 7 septembre / 207

95 Interface utilisateur LinearLayout - paramètres layout_width et layout_height ces deux paramètres permettent de xer la largeur et la hauteur d'un composant ils sont nécessaires pour tous les composants (Vue et groupe de vues) il est possible de les dénir avec des mesures exactes (exprimées en dp, sp, pt, px, mm ou in) ou de manière relative par rapport au contenu ou au parent (préconisé) E. Ramat (ULCO) Android 7 septembre / 207

96 Interface utilisateur LinearLayout - paramètres Mesures px : pixel de l'écran (déconseillé car attention à la densité) dip : pixel indépendant de la densité (1dip pour un écran à 160 dpi correspond à 1 pixel) ; s'adapte à la densité sp : mesure dépendant de la police de caractères choisie basé sur la taille physique : mm : millimètre in : pouce pt : 1/72 de pouce layout_width et layout_height Relativement au contenu ou au parent wrap_content : la taille s'adapte au contenu fill_parent (renommé match_parent dans l'api Level 8) : le composant occupe tout l'espace disponible après le placement des autres widgets E. Ramat (ULCO) Android 7 septembre / 207

97 Interface utilisateur LinearLayout - paramètres Position dans la plupart des cas, c'est automatique (calculé) dans les autres (AbsoluteLayout ou FrameLayout), la position des widgets doit être dénie en coordonées (x,y) les coordonées sont exprimées par rapport au coin supérieur gauche Marges et taille dénition de marges (haut, bas, gauche et droite) par rapport au parent (android:layout_marginbottom, par exemple) tout composant possède une taille automatique ou non que l'on peut obtenir à l'aide des méthodes getmeasuredwidth() et getmeasuredheight(). E. Ramat (ULCO) Android 7 septembre / 207

98 Interface utilisateur LinearLayout - paramètres Poids - layout_weight le poids permet de spécier le partage de l'espace disponible pour les composants du layout si layout_width et layout_height sont xés à ll_parent, les composants se partageront l'espace en fonction de leur poids si les poids sont identiques (1 pour tous les composants) alors la taille de chaque composant sera égale si layout_width et layout_height sont nuls pour l'ensemble des composants du layout alors layout_weight est un pourcentage Gravité - layout_gravity par défaut, les composants d'un layout s'aligne à gauche pour une orientation verticale la gravité permet de modier cet alignement avec les valeurs : left, center_horizontal, right pour une oriantation horizontal ; top, center_vertical, bottom pour une orientation verticale E. Ramat (ULCO) Android 7 septembre / 207

99 Interface utilisateur LinearLayout - paramètres Modication des paramètres depuis le code Java Tous les paramètres sont modiables via des méthodes Java. Exemple Au préalable, il faut avoir déni un identiant sur le composant sur lequel on veut agir. <LinearLayout xmlns:android =" http: // schemas. android. com / apk / res / android " android:id ="@+id / my_layout " android:layout_width =" fill_parent " android:layout_height =" fill_parent " android:orientation =" vertical " >... </ LinearLayout > Exemple mylayout = ( LinearLayout ) findviewbyid (R. id. my_layout );... mylayout. setorientation ( LinearLayout. HORIZONTAL ); E. Ramat (ULCO) Android 7 septembre / 207

100 Interface utilisateur Layout - les autres Types RelativeLayout : le positionnement des composants est relatif aux autres composants et au layout parent ; TableLayout : les composants sont rangés selon un tabeau ScrollView : le composant englobé dans un ScrollView possède la faculté de déler E. Ramat (ULCO) Android 7 septembre / 207

101 Interface utilisateur Widgets - introduction Dénition comme toute interface graphique moderne, Android propose des éléments graphiques pour les interactions et l'achage : les widgets des widgets simples : boutons, champs de saisie, cases à cocher, boutons radios, listes déroulantes,... des widgets complexes : date picker, horloge, barre de progression,... Java / XML Tout widget possède à la fois : une classe Java qui implémente le comportement du composant graphique et donne accès à son état une description XML avec des paramètres pour le dénir graphiquement et pour paramètrer son comportement Tous les éléments de paramétrage via XML existent sous forme de méthode Java. E. Ramat (ULCO) Android 7 septembre / 207

102 Interface utilisateur Widgets - introduction E. Ramat (ULCO) Android 7 septembre / 207

103 Interface utilisateur Widgets - Label Dénition le Label (la classe TextView) est le plus simple des widgets achage d'un texte (modiable via la classe TextView) attributs XML spéciques : android:text : texte associé android:textsize : taille de la police de caractères android:textstyle : gras (bold), italique (italic) ou les deux (bold_italic) android:textcolor : couleur du texte au format RGB android:textface : police d'achage (normal, sans, serif, monospace) Pensez à utiliser des ressources pour la dénition des chaînes de caractères et des couleurs E. Ramat (ULCO) Android 7 septembre / 207

104 Interface utilisateur Widgets - Label Exemple <TextView android:id ="@+id / text " android:layout_width =" wrap_content " android:layout_height =" wrap_content " android:text =" Hello, I am a TextView " / > E. Ramat (ULCO) Android 7 septembre / 207

105 Interface utilisateur Widgets - Bouton Dénition la classe Button permet de représenter un bouton sur lequel on peut appuyer et cliquer attributs identiques à ceux de TextView possibilité de customiser le rendu des états du bouton via StateList Exemple < Button android:layout_height =" wrap_content " android:layout_width =" wrap_content " android:text / button_text " / > E. Ramat (ULCO) Android 7 septembre / 207

106 Interface utilisateur Widgets - Bouton Customisation par défaut, les boutons possèdent le rendu standard d'android la classe StateListDrawable permet de dénir une liste d'objets graphiques utilisant plusieurs images diérentes chaque image est dénie en relation avec un état Dénition d'un selector Trois images pour quatre états (chier res/drawable/state_list_drawable.xml) <selector xmlns:android =" http: // schemas. android. com / apk / res / android " > <item android:state_pressed =" true " android:drawable / button_pressed " / > <item android:state_focused =" true " android:drawable / button_focused " / > <item android:state_hovered =" true " android:drawable / button_focused " / > <item android:drawable / button_normal " / > </ selector > E. Ramat (ULCO) Android 7 septembre / 207

107 Interface utilisateur Widgets - Bouton Dénition du bouton customisé Modication de l'attribut background < Button android:layout_height =" wrap_content " android:layout_width =" wrap_content " android:background / state_list_drawable " / > Bouton à états La classe ToggleButton ache un bouton à 2 états (ON/OFF) E. Ramat (ULCO) Android 7 septembre / 207

108 Interface utilisateur Widgets - Champ de saisie Dénition la saisie est possible à l'aide du widget EditText ; les propriétés de l'edittext sont identiques aux propriétés de TextView + quelques unes de plus : android:autotext : active la correction automatique de l'orthographe android:capitalize : mets automatiquement la première lettre en majuscule android:digits : n'accepte que des chires android:singleline : autorise la saisie sur plusieurs lignes (si vrai alors entrée fait passer au champ de saisie suivant) Auto completion La classe AutoCompleteTextView propose un champ de saisie activant l'autocompletion d'android. E. Ramat (ULCO) Android 7 septembre / 207

109 Interface utilisateur Widgets - Cases à cocher Dénition le widget CheckBox permet d'obtenir un composant à deux états répresentés par une boîte à cocher les propriétés sont les mêmes que le widget TextView en Java, on accède à l'état : ischecked() ; on peut modier l'état : setchecked() ; on peut inverser l'état : toggle() E. Ramat (ULCO) Android 7 septembre / 207