Programmation de composant mobiles aka Android

Transcription

1 Programmation de composant mobiles aka Android responsable : Wies law Zielonka zielonka@liafa.univ-paris-diderot.fr zielonka September 19, 2015

2 Environnement de travail Android Studio Création de la première application : File New Project choisir le nom de l application et domaine, le domaine par exemple toto.info.paris7.fr choisir Phone and Tablet et le minimum SDK, choisir Blank Activity, le nom d activité, on peut laisser MainActivity,

3 Les fichiers principaux créés par Android studio app/manifests/androidmanifest.xml <? xml v e r s i o n= 1. 0 e n c o d i n g= u t f 8?> <m a n i f e s t x m l n s : a n d r o i d= h t t p : // schemas. a n d r o i d. com/ apk / r e s / a n d r o i package= f r. l i a f a. z i e l o n k a. t r e s s i m p l e > <a p p l i c a t i o n a n d r o i d : a l l o w B a c k u p= t r u e a n d r o i d : i c o i c l a u n c h e r a n d r o i d : l a b e s t r i n g / app name a n d r o i d : t h e m s t y l e /AppTheme > < a c t i v i t y a n d r o i d : n a m e=. M a i n A c t i v i t y a n d r o i d : l a b e s t r i n g / app name > <i n t e n t f i l t e r > <a c t i o n a n d r o i d : n a m e= a n d r o i d. i n t e n t. a c t i o n. MAIN /> <c a t e g o r y a n d r o i d : n a m e= a n d r o i d. i n t e n t. c a t e g o r y.launcher /> </ i n t e n t f i l t e r > </ a c t i v i t y> </ a p p l i c a t i o n> </ m a n i f e s t>

4 app/res/layout/activity main.xml <R e l a t i v e L a y o u t x m l n s : a n d r o i d= h t t p : // schemas. a n d r o i d. com/ apk x m l n s : t o o l s= h t t p : // schemas. a n d r o i d. com/ t o o l s a n d r o i d : l a y o u t w i d t h= m atch parent a n d r o i d : l a y o u t h e i g h t= m a t c h p a r e n t a n d r o i d : p a d d i n g L e f a c t i v i t y h o r i z o n t a l m a r g i n a n d r o i d : p a d d i n g R i g h a c t i v i t y h o r i z o n t a l m a r g i n a n d r o i d : p a d d i n g T o a c t i v i t y v e r t i c a l m a r g i n a n d r o i d : p a d d i n g B o t t o a c t i v i t y v e r t i c a l m a r g i n t o o l s : c o n t e x t=. M a i n A c t i v i t y > <TextView a n d r o i d : t e x s t r i n g / h e l l o w o r l d a n d r o i d : l a y o u t w i d t h= w r a p c o n t e n t a n d r o i d : l a y o u t h e i g h t= w r a p c o n t e n t /> </ R e l a t i v e L a y o u t>

5 layout - un container qui contient d autres éléments graphiques (widgets ou d autres containers). exemples : RelativeLayout, LinearLayout TextView un widget qui contient un text (non modifiable)

6 app/res/values/strings.xml Les ressources de type string <r e s o u r c e s> <s t r i n g name= app name >TresSimple</ s t r i n g> <s t r i n g name= h e l l o w o r l d >H e l l o world!</ s t r i n g> <s t r i n g name= a c t i o n s e t t i n g s >S e t t i n g s</ s t r i n g> </ r e s o u r c e s>

7 app/java/[package]/mainactivity package f r. l i a f a. z i e l o n k a. t r e s s i m p l e ; import a n d r o i d. s u p p o r t. v7. app. AppCompatActivity ; import a n d r o i d. os. Bundle ; import a n d r o i d. view. Menu ; import a n d r o i d. view. MenuItem ; p u b l i c c l a s s M a i n A c t i v i t y extends AppCompatActivity protected void oncreate ( Bundle s a v e d I n s t a n c e S t a t e ) { super. oncreate ( s a v e d I n s t a n c e S t a t e ) ; s e t C o n t e n t V i e w (R. l a y o u t. a c t i v i t y m a i n ) ; } // l a s u i t e s a n s i n t e r e t pour l i n s t a n p u b l i c boolean oncreateoptionsmenu ( Menu menu ) { p u b l i c boolean o n O p t i o n s I t e m S e l e c t e d ( MenuItem item ) {

8 TextView TextView un widget qui permet d afficher un texte que l utilisateur ne pourra pas modifier (bien sûr, il est possible de modifier le texte affiché depuis java). Quelques attributs de TextView: android:layout width - largeur, valeurs : wrap content largeur suffisante pour contenir le contenu (text), match parent largeur du parent, 10dp largeur de 10 unité (screen density independent pixels). android:layout height - hauteur, valeurs match parent ou wrap content. android:text le contenu (texte à afficher): android:text="text affiche" texte à afficher en dur (déconseillé), android:text="@string/hello text" en utilisant la ressource string nommé hello text (préféré).

9 Ressources string Les ressources de type string sont spécifiées dans le fichier xml app/res/values/strings.xml. Exemple de ce fichier : <r e s o u r c e s> <s t r i n g name= app name >TresSimple</ s t r i n g> <s t r i n g name= h e l l o w o r l d >H e l l o world!</ s t r i n g> <s t r i n g name= a c t i o n s e t t i n g s >S e t t i n g s</ s t r i n g> </ r e s o u r c e s> Pour obtenir la valeur de la ressource string dont le nom est hello_world dans un fichier layout on écrit au début signifie qu il s agit d une ressource, string indique que c est une ressource string et après / on met le nom de la ressource.

10 Exemple TextView <TextView a n d r o i d : t e x s t r i n g / h e l l o w o r l d a n d r o i d : l a y o u t w i d t h= w r a p c o n t e n t a n d r o i d : l a y o u t h e i g h t= w r a p c o n t e n t /> spécifie un TextView qui contient un string défini dans la ressource string et dont la largeur et hauteur est juste suffisant pour montrer le texte affiché.

11 L attribut identifiant un widget Nécessaire pour accéder à un widget depuis le code java on ajoute l attribut id dans le fichier xml : android:id="@+id/txt" par exemple, <TextView a n d r o i d : t e x s t r i n g / h e l l o w o r l d a n d r o i d : l a y o u t w i d t h= w r a p c o n t e n t a n d r o i d : l a y o u t h e i g h t= w r a p c o n t e n t a n d r o i d : i d / t x t /> Comme indique qu il s agit d une ressource, + qui suit que c est la première occurrence de l identifiant, txt est le nom de l identifiant (que vous choisissez à votre guise).

12 Accéder à une View depuis java Une fois un widget possède un identifiant donné dans un fichier xml on peut y accéder depuis java. par exemple pour changer le texte dans le widget TextView de l exemple précédent : protected void oncreate ( Bundle s a v e d I n s t a n c e S t a t e ) { super. oncreate ( s a v e d I n s t a n c e S t a t e ) ; setcontentview (R. l a y o u t. a c t i v i t y m a i n ) ; TextView v=(textview ) f i n d V i e w B y I d ({R. i d. t x t ) ; v. s e t T e x t ( Au r e v o i r ) ; v. s e t P a d d i n g ( 1 0 0, 1 0 0, 1 0 0, ) ; } La méthode findviewbyid(int identifiant) retourne un objet de type View, il faut faire un cast pour obtenir le widget recherché. Notez que txt est le nom de l identifiant, le même que spécifié dans l attribut android:id.

13 Button <Button a n d r o i d : l a y o u t h e i g h t= w r a p c o n t e n t a n d r o i d : l a y o u t w i d t h= w r a p c o n t e n t a n d r o i d : t e x s t r i n g / c l i c k a n d r o i d : o n C l i c k= a j o u t e r /> android:text - le texte affiché dans le bouton. android:onclick le nom de la méthode callback

14 Fonction callback Dans android:onclick="ajouter" la valeur de l attribut android:onclick donne le nom de la méthode callback que vous devez implémenter dans l activité. La signature de la méthode callback est p u b l i c void a j o u t e r ( View view ){ } La méthode callback sera appelée par android quand l utilisateur clique sur le bouton.

15 Définir callback de bouton à l aide d un listener Définir un objet qui implémente l interface View.OnClockListener avec la méthode public void onclick(view view) et l associer avec le bouton comme un listener : f i n a l Button b = ( Button ) f i n d V i e w B y I d (R. i d. b u t t o n i d ) ; b. s e t O n C l i c k L i s t e n e r (new View. O n C l i c k L i s t e n e r ( ) { p u b l i c void o n C l i c k ( View v ) { // l e code e x e c u t e quand on c l i q u e // s u r l e bouton } } ) ;

16 Sauvegarder l état de Activity Quand on tourne l appareilactivity est détruit par android et ensuite régénéré. En supposant que l état de Activity est juste une variable int compteur on sauvegarde l état dans un Bundle dans la méthode onsaveinstancestate et on la récupère dans oncreate. i n t compteur = 0 ; Button button = n u l l ; TextViev t e x t = n u l l protected void o n S a v e I n s t a n c e S t a t e ( Bundle b ) { super. o n S a v e I n s t a n c e S t a t e ( b ) ; b. p u t I n t ( compteur, compteur ) ; }

17 protected void oncreate ( Bundle s a v e d I n s t a n c e S t a t e ) { super. oncreate ( s a v e d I n s t a n c e S t a t e ) ; setcontentview (R. l a y o u t. a c t i v i t y m a i n ) ; button = ( Button ) f i n d V i e w B y I d (R. i d. button ) ; t e x t = ( TextView ) f i n d V i e w B y I d (R. i d. t e x t ) ; i f ( s a v e d I n s t a n c e S t a t e == n u l l ) t e x t. s e t T e x t ( compteur + ) ; e l s e { compteur = s a v e d I n s t a n c e S t a t e. g e t I n t ( compteur ) ; t e x t. s e t T e x t ( compteur + ) ; } }