Remerciez-le!

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

1 Créer des applications Android Auteurs : Philippe Lacomme, Raksmey Phan Plan

1 Créer des applications Android Auteurs : Philippe Lacomme, Raksmey Phan Plan (ceci n’est pas un cours) Les outils nécessaires sont : - Android SDK - Eclipse - Le plugin ADT de Eclipse Outils: Préparation de l’environnement 1. Installation pluging ADT pour Androïd dans Eclipse 2. Installation d’un téléphone virtuel Androïd Outils: ECLIPSE and co. 1. Création d’un projet ECLIPSE 2. Gestion d’une interface 3. Gestion des listes déroulantes 4. Gestion des listes déroulantes et des événements 5. Intégrer Google Map dans Android Outils : NETBEANS and co. 1. Configurer NetBeans 2. Créer un projet Android 3. Gestion d’une interface 4. Gestion des listes déroulantes Ce document s’inspire, reprend…. des supports de cours disponibles sur Internet. Ces supports ont servi de base, ils ont été enrichi (on l’espère), modifiés et complétés. Certaines parties du code ont été obtenues en suivant les recommandations de ces supports. On peut citer : http://mickael-lt.developpez.com/tutoriels/android/personnaliser-listview/ http://michel-dirix.developpez.com/tutoriels/android/integration-google-maps- android/ 2 OUTILS : PRÉPARATION DE L’ENVIRONNEMENT 1. Choix d’une version d’Eclipe Nous avons essayé plusieurs versions d’Eclipse et il apparait que la version Helios (celle utilisé dans ce tuto) est celle qui fonctionne le mieux pour développer un Projet Androïd. Voici le lien pour télécharger la version 32 bits que nous avons utilisé : http://fc.isima.fr/~phan/tuto/ApplicationAndroid/eclipse-java-helios-win32.zip 2. Installation du plugin ADT pour Eclipse Cette partie est une reprise de l’explication de la page http://developer.android.com/ 3 Installer un nouveau « Software ». Ajouter un nouveau site. Nom : Android Adresse : https://dl-ssl.google.com/android/eclipse/ Sélectionner tout le package à télécharger. Et installer les. 4 Puis redémarrer Eclipse. Androïd devrait être installé et visible. 5 3. Installation d’un téléphone virtuel Androïd Remarque : Android SDK est téléchargeable ici : http://developer.android.com/sdk/index.html Ou bien ici : fc.isima.fr/~phan/tuto/ApplicationAndroid/android-sdk_r06-windows.zip Son installation et configuration mérite quelques éclaircissements. Il suffit de choisir la version correspondante à votre système, ici Windows : 6 Ceci donne sur le disque dur un répertoire android-sdk-windows contenant un exécutable : En lançant l’exécutable, il est probable que vous ayez une erreur de ce type : Fermer la fenêtre courante en utilisant le bouton close. 7 Fermer la deuxième fenêtre avec le bouton Cancel. Allez dans le sous-menu Settings et cocher Force https Choisir ensuite Available Packages. 8 Cocher https. Choisir ensuite 9 Choisir Install et attendre la fin des téléchargements. Cliquer sur Close à la fin des téléchargements. 10 Il ne reste plus qu’à créer un Virtual Devices qui comme son nom l’indique sera un téléphone Android Virtuel. Choisir le menu Virtual Devices. On peut créer sa propre configuration comme sur l’exemple ci-dessous : 11 Le téléphone virtuel ainci crée doit apparaitre dans la liste des Virtual Devices. En fonction de vos besoins, vous pouvez créer autant de téléphone virtuel que nécessaires. Ici par exemple, on crée un téléphone V1 en recommençant l’opération une deuxième fois. 12 Ce qui au final donnera : 13 OUTILS : ECLIPSE AND CO 1. Création d’un projet ECLIPSE Démarrer Eclipse. Allez dans Windows / Preferences. 14 Choisir le répertoire android-sdk-windows 15 16 Créer un projet Choisir essai_android comme nom du projet. Et mettre les informations suivantes : Application name : HelloAndroid Package name : com.android.helloandroid Create Activity : HelloAndroid 17 18 19 Ceci devrait donner : Le projet se présente comme ceci : 20 Modifier le code du fichier HelloAndroid.java. package com.android.helloandroid; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class HelloAndroid extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView tv = new TextView(this); tv.setText("Hello, Android"); setContentView(tv); } } 21 Faire Run / Run Le gestionnaire d’AVD permet alors de choisir la machine virtuelle à utiliser. Si tout se passe bien, l’écran de votre ordinateur se présente maintenant comme suit : 22 Attendre que le système Android démarre sur le téléphone. Cliquer sur « MENU ». Ce qui donne : 23 3. Gestion d’une l’interface Faire un click droit sur res. Faire New / Androïd XML File. Choisir comme nom : layout_file_name.xml 24 Saisir le texte suivant dans le fichier layout_file_name.xml <?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> Le projet doit se présenter comme suit : 25 Ouvrir ensuite le fichier nommé HelloAndroid.java Ce fichier se trouve dans gen/com.android.helloandroid/ Remplacer le code par le code suivant : package com.android.helloandroid; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class HelloAndroid extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.layout_file_name); } } 26 Faire Run / Run. 27 4. Gestion des listes déroulantes Etape 1. Créer un nouveau projet nommé essai_android_2 avec les paramètres suivantes : Application name : Dvp_List Package name : com.dvp.list Create Activity : DVPList1 28 L’environnement Eclipse doit présenter le projet comme suit : Etape 2. Modifier le type de DVPList1 Le code Java actuel du fichier DVPList1.java est le suivant : package com.dvp.list; import android.app.Activity; import android.os.Bundle; public class DVPList1 extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } } 29 Le code doit être modifié comme suit : package com.dvp.list; import android.app.Activity; import android.app.ListActivity; import android.os.Bundle; public class DVPList1 extends ListActivity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } } Etape 3. Modifier le fichier main.xml Le fichier main.xml se trouve dans res/layout. Actuellement le fichier contient le code suivant : <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> </LinearLayout> 30 Il faut le modifier comme suite : <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ListView android:id="@android:id/list" android:layout_width="wrap_content" android:layout_height="wrap_content"> </ListView> </LinearLayout> Etape 4. Modifier le fichier DVPList1.java Le code actuel est le suivant : package com.dvp.list; import android.app.Activity; import android.app.ListActivity; import android.os.Bundle; public class DVPList1 extends ListActivity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } } Le code doit être modifié comme suit : package com.dvp.list; import android.app.Activity; import android.app.ListActivity; import android.os.Bundle; import android.widget.ArrayAdapter; public class DVPList1 extends ListActivity { /** Called when the activity is first created. */ private String[] mStrings = { "AAAAAAAA", "BBBBBBBB", "CCCCCCCC", "DDDDDDDD", "EEEEEEEE", "FFFFFFFF", "GGGGGGGG", "HHHHHHHH", "IIIIIIII", "JJJJJJJJ", "KKKKKKKK", "LLLLLLLL", "MMMMMMMM", "NNNNNNNN", "OOOOOOOO", "PPPPPPPP", "QQQQQQQQ", "RRRRRRRR", "SSSSSSSS", "TTTTTTTT", "UUUUUUUU", "VVVVVVVV", "WWWWWWWW", "XXXXXXXX", "YYYYYYYY", "ZZZZZZZZ" }; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mStrings); setListAdapter(adapter); } } 31 Etape 5. Tester le code. Le résultat d’exécution donne : 32 5. Gestion des listes déroulantes et des événements Par exemple, on peut considérer que chaque élément de la liste est un contact et se caractérise par : - un nom - un prénom - un numéro (de téléphone). Nous allons reprendre un exemple similaire au précédent. Etape 1. Créer un nouveau projet nommé essai_android_3. Application name : Dvp_List Package name : com.dvp.list Create Activity : DVPList1 33 Etape 2. Créer une classe nommée Contact.java Faire New / Class. Choisir ensuite Contact comme nom de classe. 34 On peut définir de manière très simple la classe contact avec uniquement un constructeur et une méthode de classe permettant de créer une liste de contacts. Tout ceci peut faire hurler les afficionados de l’approche objets mais cela reste simple et lisible. package com.dvp.list; import java.util.ArrayList; public class Contact { public String nom; public String prenom; public String telephone; public Contact(String aNom, String aPrenom, String aTelephone) { nom = aNom; prenom = aPrenom; telephone = aTelephone; } public static ArrayList<Contact> Initialiser () { ArrayList<Contact> listContact = new ArrayList<Contact>(); Contact MonContact = new Contact("Dupont", "Thierry", "0124524521"); listContact.add(MonContact); MonContact = new Contact("Tournesol", "Philippe", "054878569"); listContact.add(MonContact); MonContact = new Contact("Martin", "Pecheur", "048578544"); listContact.add(MonContact); MonContact = new Contact("Castafiore", "Helene", "08985785"); listContact.add(MonContact); MonContact = new Contact("Dalton", "Joe", "0356898547"); listContact.add(MonContact); MonContact = new Contact("Dalton", "Ma", "9874587444"); listContact.add(MonContact); MonContact = new Contact("Obelix", "Gros", "025445836"); listContact.add(MonContact); return listContact; } } Etape 3. Modifier le fichier main.xml Actuellement, le fichier main.xml ressemble à ceci : <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> </LinearLayout> 35 Il doit être modifié comme suit : <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ListView android:id="@+id/ListView01" android:layout_width="wrap_content" android:layout_height="wrap_content"> </ListView> </LinearLayout> Etape 4. Création d’un fichier contact_layout.xml Faire un clic droit sur layout et choisir New / Others… / Android / Android XML. 36 Ce fichier va définir la manière dont une instance de la classe Contact sera affichée. Par défaut le fichier contient le code xml suivant : <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content"> </LinearLayout> 37 On peut par exemple définir ce fichier comme suit : <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/LL_Fond"> <TextView android:text="Nom" android:id="@+id/TV_Nom" android:layout_width="wrap_content" android:layout_height="wrap_content"> </TextView> <TextView android:text="Prénom" android:id="@+id/TV_Prenom" android:layout_width="wrap_content" android:layout_height="wrap_content"> </TextView> <ListView android:id="@+id/ListView01" android:layout_width="wrap_content" android:layout_height="wrap_content"> </ListView> </LinearLayout> Etape 5. Création d’une classe ContactAdapter Nous allons créer un objet qui se chargera de gérer le mapping entre nos données et le layout des items. Ce composant sera basé sur un Adapter. Faire New uploads/s3/ tutorial-android.pdf