WIXLIB

Application Android Une activité un programme une interface Un service un programme sans interface Une application –––––Une activité principaleEventuellement une ou plusieurs activités secondairesEventuellement un ou plusieurs servicesEventuellement un ou plusieurs écouteurs d’intentions diffuséesEventuellement un ou plusieurs fournisseurs de contenuDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne47

Contenu du fichier AndroidManifest ?xml version "1.0" encoding "utf-8"? service intent-filter manifest Pour chaque service . . . uses-sdk / /intent-filter uses-permission / Général /service application receiver activity intent-filter Pour chaque. intent-filter écouteur /intent-filter d’intentions action / diffusées /receiver category / provider Pourchaque data / grant-urifournisseur depermission / /intent-filter contenu /provider /activity Pour chaque activité uses-library / /application /manifest Développement d'applications pour Android - M. Dalmau - IUT de Bayonne48

Activité Android Classe qui hérite de Activity ou d’une classe dérivée deActivity (par exemple de MapActivity pour utiliser Googlemaps, ListActivity ou TabActivity pour des interfacesparticulières) On surcharge certaines méthodes qui sont appelées parAndroid pour définir le comportement (même principe queles applets) : tartlors de la créationlorsque l’activité se terminelorsque l’activité démarre ou redémarrelorsque l’activité n’est plus en premier planlorsque l’activité revient en premier planlorsque l’activité n’est plus visiblelorsque l’activité redevient visibleDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne49

Cycle de vie d’une activité Android se réserve le droit de tuer le processus unixd’une activité s’il n’y a plus assez de ressources(mémoire). Les règles sont les suivantes :– Une activité en premier plan n’est tuée que si c’est elle quiconsomme trop de ressources.– Une activité en arrière plan ou non visible peut être tuée. Lorsqu’une activité a été tuée, si on revient dessus elleest relancée (onCreate)– On peut sauvegarder l’état (c’est-à-dire les propriétés) d’uneactivité (dans onPause) pour le retrouver lorsqu’elle elle estrecréée par le paramètre transmis à onCreateDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne50

Cycle de vie d’uneactivité Etats principaux :– ActiveAprès l’exécution deonResume– SuspendueAprès l’exécution deonPause– ArrêtéeAprès l’exécution deonStop– TerminéeAprès l’exécution deonDestroyDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne51

Les interfacesDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne52

Pensez vos interface pour unsmartphone Ecran tactile de petite taille– Eviter les interfaces trop touffues (on ne peut pas agrandirl’écran comme on agrandit une fenêtre)– Eviter les éléments cliquables trop petits (il faut pouvoir cliqueravec le doigt même si on a des gros doigts)– Eviter les élément cliquables trop tassés (il faut pouvoir cliquersur le bon élément même si on vise mal) Le défilement se fait par touché/glissé– Pas trop d’ascenseurs (on ne peut pas faire défiler un conteneurentier ET des éléments de ce conteneur dans le même sens)– Pas d’ascenseurs mal placés (si tous les éléments sontcliquables comment faire défiler sans cliquer ?) L’écran peut être tournéDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne53

Pensez vos interface pour unsmartphone Tous les smartphones n’ont pas la même définitiond’écran une partie de votre interface peut êtretotalement inaccessible sur un petit écran ! Prévoir des ascenseurs quand c’est possible Découper l’interface en sous parties, passer d’uneinterface à une autre Eviter de donner des dimensions fixes– Utiliser le plus possible les tailles relatives « wrap content » ,« match parent » et « fill parent »– Préférer les dimensions relatives « dp » et « sp » auxdimensions fixes « px » et « pt »Développement d'applications pour Android - M. Dalmau - IUT de Bayonne54

Création d’interfaces Par programme (comparable à java swing) mais avecdes classes propres à Android– Définition de layouts (un layout un conteneur un mode deplacement JPanel xxxLayout)– Définition d’éléments d’interaction (widgets) placement etajout dans les conteneurs Par description dans des fichiers xml (forme déclarativestatique) Une interface est un arbre dont la racine est l’écran etles feuilles les éléments de l’interface (boutons, textes,cases à cocher, )Développement d'applications pour Android - M. Dalmau - IUT de Bayonne55

ViewViewGroupHiérarchie partiellede classes pour wGridViewAbsSpinnerSpinnerGalleryTextView View ViewGroup ButtonCheckBoxToggleButtonLégendeRadioButtonTrait double conteneurs ou groupesDigitalClockChronometerGrisé éléments d’interaction attingBarSeekBarDéveloppement d'applicationspour Android - M. Dalmau - IUT de BayonneAnalogClock56

Définir une interface en XMLDéfinition de l’interfaceEspace denommaged’Android(imposé) ?xml version "1.0" encoding "utf-8"? !-- Commentaire-- Classe du conteneur principalxmlns:android étés du conteneur principal Classe de conteneur ou d'élément d'interfaceLorsqu’il s’agitpropriétés du conteneur ou de l'élément d'interfaced’un conteneur il/ doit être décrit avec son contenu Classe de conteneur ou d'élément d'interfacepropriétés du conteneur ou de l'élément d'interface/ /Classe du conteneur principal Développement d'applications pour Android - M. Dalmau - IUT de Bayonne57

Définir une interface en XMLDescription d’un conteneur de l’interface Classe de conteneurPour chaquepropriétés du conteneurconteneur Classe de conteneur ou d'élément d'interfacepropriétés du conteneur ou de l'élément d'interface/ Classe de conteneur ou d'élément d'interfacepropriétés du conteneur ou de l'élément d'interface/ /Classe du conteneur Développement d'applications pour Android - M. Dalmau - IUT de Bayonne58

Créer une interface à partir d’unfichier XML Dans l’activité principalesetContentView(R.layout.nom du fichier xml) AilleursLayoutInflater decodeur LayoutInflater.from(contexte);View vue decodeur.inflate(R.layout.nom du fichier xml, parent, false);– contexte celui de l’activité qui gère cette interface (obtenu pargetApplicationContext())– parent est le contenant dans lequel doit se placer la vue constituée àpartir du fichier XMLIl ne reste plus qu’à ajouter cette vue dans le conteneur.Développement d'applications pour Android - M. Dalmau - IUT de Bayonne59

Unités de mesure dans les fichiersXML Dans les fichiers XML, les dimensions des élémentsd’interface (taille, marges, ) peuvent être exprimées endiverses unités :–––––Pixels (px)Pouces (in)Millimètres (mm)Points (pt) 1/72 poucePixel à densité indépendante (dp) 1 dp 1 pixel pour un écrande 160 dpi– Pixel à taille indépendante (sp) relatif à la taille des polices decaractères Dans les fichiers XML les unités sont exprimées sous laforme : “24.5mm” ou “65px” Développement d'applications pour Android - M. Dalmau - IUT de Bayonne60

Couleurs dans les fichiers XML Dans les fichiers XML, les couleurs sont exprimées sousla forme d’une chaîne de caractères codant lescomposantes en hexadécimal : "#AARRVVBB"– AA est l’opacité (00 totalement transparent, FF opaque)– RR est la composante rouge (00 à FF)– VV est la composante verte (00 à FF)– BB est la composante bleue (00 à FF)Si AA est omis la couleur est opaqueDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne61

Les conteneurs FrameLayout (un seul élément) LinearLayout (plusieurs éléments placéshorizontalement ou verticalement sans ascenseurs) TableLayout (plusieurs éléments en tableau sansascenseurs) RelativeLayout (plusieurs éléments placés relativementles uns aux autres) ScrollView (un seul élément avec ascenseur vertical) HorizontalScrollView (un seul élément avec ascenseurhorizontal)Développement d'applications pour Android - M. Dalmau - IUT de Bayonne62

Les groupesRegrouper des éléments participant à un choix ListView (plusieurs éléments organisés en liste verticale avecséparateurs). Souvent utilisé pour des listes de mots (type menu). GridView (plusieurs éléments organisés en table). Souvent utilisépour des tables de mots (type menu). RadioGroup (groupe de boutons radio dont un seul peut être cochéà la fois) Gallery (plusieurs éléments organisées horizontalement avecdéfilement). Souvent utilisé pour des imagesDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne63

Propriété communes aux élémentsd’interface (conteneurs et widgets)IdentifiantUn identifiant peut être associé à chaque élément décritdans un fichier XML, cet identifiant permet d'accéder àl'objet créé dans le code ou de le référencer dansd’autres fichiers XML. Les éléments ne devant pas êtreréférencés peuvent ne pas avoir d'identifiant.android:id "@ id/mon ident" permettra de retrouver cetélément par findViewById(R.id.mon ident).Méthode correspondante : setId(int)Développement d'applications pour Android - M. Dalmau - IUT de Bayonne64

Propriété communes aux élémentsd’interface (conteneurs et widgets)Visibilitéandroid:visibilityRend l’élément visible, invisible ou absent (avec invisible la place estconservée, avec absent la place n'est pas conservée .Fondandroid:background couleur ou une image de fondTailleandroid:minHeight et android:minWidth dimensions minimalesPlacement des éléments contenus (défini pour chaque élément)android:layout height et android:layout width place prise par l’élémentdans le conteneur : FILL PARENT devenu MATCH PARENT rempli toute la place WRAP CONTENT occupe la place nécessaireandroid:layout gravity positionnement de l’élément dans le conteneurtop, bottom, left, right, center vertical, fill vertical, center horizontal,fill horizontal, center, fillDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne65

Propriété communes aux élémentsd’interface (conteneurs et widgets)Ascenseurs (s’il y en a)android:fadeScrollbars Pour choisir de faire disparaître ou pas les ascenseurslorsqu'ils ne sont pas utilisésandroid:scrollbarDefaultDelayBeforeFade Définit le délai avant que les ascenseursnon utilisés disparaissentandroid:scrollbarFadeDuration Définit la durée d'effacement des ascenseursMarges internes (défini pour chaque élément)android:layout paddingBottom , android:layout paddingLeft ,android:layout paddingRight , android:layout paddingTopMarges externes (défini pour chaque élément)android:layout marginBottom , android:layout marginLeft ,android:layout marginRight , android:layout marginTopDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne66

Propriété communes aux élémentsd’interface (conteneurs et widgets)Prise en compte des événements Prise en compte des clics sur l’élémentandroid:clickable Autorise ou interdit la prise en compte des clicsMéthode correspondante : setClickable(boolean) Prise en compte des clics longs sur l’élémentandroid:longClickable Autorise ou interdit la prise en compte des clics longsMéthode correspondante : setLongClickable(boolean)On ajoutera ensuite un écouteur d’événementspour les traiterDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne67

Exemple d’interface simpleUn LinearLayout contenant 2 éléments placés l’un sous l’autre ?xml version "1.0" encoding "utf-8"? LinearLayout xmlns:android d:orientation "vertical"android:layout width "match parent"android:layout height "wrap content" Spinner andoid:id "@ id/planetes"android:layout width "match parent"android:layout height "wrap content"/ ProgressBar andoid:id "@ id/attente"android:layout width " wrap content "android:layout height "wrap content"/ /LinearLayout Développement d'applications pour Android - M. Dalmau - IUT de Bayonne68

Exemple d’interface simpleUn LinearLayout contenant 3 éléments placés l’un àcoté de l’autre ?xml version "1.0" encoding "utf-8"? LinearLayout xmlns:android d:orientation "horizontal"android:layout width "match parent"android:layout height "wrap content" ToggleButton / CheckBox / RadioButton / /LinearLayout Développement d'applications pour Android - M. Dalmau - IUT de Bayonne69

Exemple d’interface complexeUn LinearLayout vertical contenant 2 éléments 2 LinearLayout horizontaux ?xml version "1.0" encoding "utf-8"? LinearLayout xmlns:android d:orientation "vertical"android:layout width "match parent"android:layout height "match parent" Spinner / ProgressBar / LinearLayoutandroid:orientation "horizontal"android:layout width "match parent"android:layout height "wrap content" Button / ImageButton / /LinearLayout LinearLayoutandroid:orientation "horizontal"android:layout width "match parent"android:layout height "wrap content" ToggleButton / CheckBox / RadioButton / /LinearLayout /LinearLayout Développement d'applications pour Android - M. Dalmau - IUT de Bayonne70

Les ContenantsDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne71

FrameLayout Ne contient qu’un seul élément (si on en metplusieurs ils se superposent) Propriétés supplémentaires :Contenuandroid:foreground Pour définir une couleur ou uneimage.android:foregroundGravity Pour positionner l’imageDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne72

LinearLayout Pour placer plusieurs éléments en ligne ou en colonne sansascenseur (utiliser ScrollView et/ou HorizontalScrollView). Propriétés supplémentaires :android:orientation Pour en définir le sens du LinearLayout (vertical ouhorizontal)android:layout weightSum Un paramètre de type : android:layout weightpeut être associé à chacun des éléments placés dans le LinearLayoutpour indiquer leur poids de redimensionnement relatif à la valeur delayout weightSum.Par exemple : android:layout weightSum "100" permettra de placer 2éléments ayant android:layout weight "60"et android:layout weight "40"Développement d'applications pour Android - M. Dalmau - IUT de Bayonne73

Exemple avec LinearLayout LinearLayoutvertical LinearLayouthorizontal LinearLayouthorizontalDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne74

TableLayout Pour placer des éléments en tableau sans ascenseurs (pour en avoirle mettre dans un ScrollView et/ou un HorizontalScrollView). Propriétés supplémentaires :android:collapseColumns Pour définir les numéros de colonnes à cacherandroid:shrinkColumns Pour définir les numéros de colonnes qui peuventêtre rétrécies en fonction de la place disponibleandroid:stretchColumns Pour définir les numéros de colonnes qui peuventêtre agrandies en fonction de leur contenu Chaque élément ajouté dans un TableLayout indiquera le nombre decolonnes qu’il occupe en mettant dans ses propriétés :– android:layout span (par défaut 1)Développement d'applications pour Android - M. Dalmau - IUT de Bayonne75

Exemple avec TableLayout TableLayout xmlns:android d:layout height "match parent"android:layout width "match parent" TableRow TextView / EditText android:id "@ id/nom" / Button android:id "@ id/envoyer" / /TableRow TableRow ProgressBar android:id "@ id/attente"android:layout span "2" / Button android:id "@ id/annuler" android:text "Abandonner"/ /TableRow /TableLayout Développement d'applications pour Android - M. Dalmau - IUT de Bayonne76

RelativeLayout Permet de placer des éléments les uns relativement aux autres– Placement par rapport au conteneurandroid:layout alignParentBottom "b" (où b vaut true ou false)android:layout alignParentLeft "b" (où b vaut true ou false)android:layout alignParentRight "b" (où b vaut true ou false)android:layout alignParentTop "b" (où b vaut true ou false)android:layout centerHorizontal "b" (où b vaut true ou false)android:layout centerInParent "b" (où b vaut true ou false)android:layout centerVertical "b" (où b vaut true ou false)– Placement par rapport aux autres élémentsandroid:layout above "@ id/ident"/android:layout below "@ id/ident"/android:layout toLeftOf "@ id/ident"/android:layout toRightOf "@ id/ident"/android:layout alignLeft "@ id/ident"/android:layout alignRight "@ id/ident"/android:layout alignTop "@ id/ident"/android:layout alignBottom "@ id/ident"/Développement d'applications pour Android - M. Dalmau - IUT de Bayonne77

Exemple avec RelativeLayout RelativeLayout xmlns:android d:layout height "match parent"android:layout width "match parent" EditText android:id "@ id/nom" "android:layout alignParentTop "true"android:layout alignParentLeft "true"/ Button android:id "@ id/envoyer"android:layout toRightOf "@ id/nom" / ProgressBar android:id "@ id/attente"android:layout below "@ id/nom" / Button android:id "@ id/annuler"android:layout toRightOf "@ id/attente"android:layout below "@ id/nom" / /RelativeLayout Développement d'applications pour Android - M. Dalmau - IUT de Bayonne78

ScrollView et HorizontalScrollView En général utilisés pour ajouter des ascenseurs à unconteneur. Ne peuvent contenir qu’un seul élément (le plus souventun conteneur). Propriétés supplémentaires :android:fillViewport "b" (où b vaut true ou false) indique si lecontenu doit être étiré pour occuper la place disponible ou pas ATTENTION : En raison de l’écran tactile le défilementporte sur l’élément le plus externe (le plus haut dansl’arbre de l’interface)Développement d'applications pour Android - M. Dalmau - IUT de Bayonne79

Les GroupesDéveloppement d'applications pour Android - M. Dalmau - IUT de Bayonne80

ListView Place les éléments en liste verticale et ajoute un ascenseursi nécessaire– Séparateursandroid:divider Pour définir la couleur des séparateurs ou pour

'pyhorsshphqw g dssolfdwlrqv srxu qgurlg 0 'dopdx ,87 gh %d\rqqh ufklwhfwxuh g¶ qgurlg 'hv eleolrwkqtxhv & hw & *udsklvph 0pgldv :he