applications java - freeivmad.free.fr/ic4/cours-ati01-android-xml-2015-2b.pdf · android: les menus...
TRANSCRIPT
APPLICATIONSJAVA
Android
Partie VI
Ivan MADJAROV - 2015
Interface graphique avec
XML pour une activité
Android
Interface graphique avec XML IvMad, 2011-2015 2
L'objectif principal de ce cours est de découvrir la programmation sousAndroid, sa plate-forme de développement et les spécificités du développementembarqué sur téléphone mobile. Le cours s’inspire, reprend, modifie et enrichides supports disponibles sur Internet.
Android : Les menus (1) • La version 3.0 d’Android introduit le composant barre d’action
(ActionBar) avec 4 parties pour remplacer les menus disponibles dansles anciennes version d’Android.• L’icone de l’application : Visualise l'identité de l'application.
• Dropdown Menu : Permet la navigation dans l'application.
• Actions principales : Définie les actions principales de l'application.
• Autres actions : Permet d’accéder aux fonctionnalités optionnelles.
• L’implémentation d’une ActionBar s’effectue dans le dossier res/menu
du projet Eclipse.
Interface graphique avec XML IvMad, 2011-2015 3
DropDown MenuIcone de
l'application
Android : Les menus (2) • Les menus d’options : Le menu apparait quand on clique sur le bouton "Menu"
du téléphone ou de la tablette. La méthode utilisée pour la création desoptions du menu:
• public boolean onCreateOptionsMenu(Menu menu)
• On rajoute des événements lorsque l’on clique sur un des items du menu, grâce à la méthode onMenuItemSelected(int featureId, MenuItem item)
• Les menus d’options à préférences étendues permettent d’afficher un menulors de l’appui sur une touche d’option d’un menu.
• Les menus contextuels sont accessibles en cliquant sur un objet avec unappui long ou court, une fenêtre de choix s’affiche alors. Pour ouvrirun menu contextuel on ses sert de la méthode:
• onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo)
Interface graphique avec XML IvMad, 2011-2015 4
Android : Les menus (3) • Pour créer un menu simple on procède par un nouveau projet
Android et on modifie le code Java de l'activité principale :
Interface graphique avec XML IvMad, 2011-2015 5
Android : Les menus (4) • La manière la plus adaptée pour un développement efficace de menus
est de passer par les fichiers XML.
• Le menu est décrit dans le fichier res/menu/menu.xml<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:title="Options" android:id="@+id/itemOptions"></item>
<item android:title="Quitter" android:id="@+id/itemQuitter"></item>
</menu>
• Puis dans le code de la méthode onCreateOptionsMenu, on récupère lemenu sous forme XML et l’afficher.public boolean onCreateOptionsMenu(Menu menu) {
// Création du menu inflater
MenuInflater inflater = getMenuInflater();
// On envoi a la variable menu le fichier xml parsé par l'inflater
inflater.inflate(R.menu.menu_option_xml, menu);
return true;
}
Interface graphique avec XML IvMad, 2011-2015 6
Android : Les menus (5) • Etape suivante : On attrape l'événement lors du clique sur un des items
du menu, grâce à la méthode : onMenuItemSelected(int featureId, MenuItem item)
• Deux paramètres sont passés: id du panel menu et l'item qui est cliquépublic boolean onMenuItemSelected(int featureId, MenuItem item) {
// On récupère l'id de l'item et on le compare
switch (item.getItemId()) {
// choix égal à itemOptions
case R.id.itemOptions:
// On affiche un message
Toast.makeText(this, "Message", Toast.LENGTH_SHORT).show();
return true;
// choix égal à itemQuitter
case R.id.itemQuitter:
// On ferme l'activité
finish();
return true;
} return super.onMenuItemSelected(featureId, item); }
Interface graphique avec XML IvMad, 2011-2015 7
Android et XML : Intent (1)• Intent : Le sandboxing (bac à sable) est une pratique de sécurité dans la
téléphonie mobile qui consiste à séparer les applications entre elles.
• Android exécute une application en limitant les actions autorisées(accès mémoire, accès sur les capteurs, etc…).
• Pour contourner cette difficulté de communication entre applicationson utilise les Intent (Intentions).
• Un Intent permet d’envoyer et recevoir des messages (avec ou sans lesdonnées) pour déclencher une action, dans un composant d’une mêmeapplication (Activity) voir même dans une autre application.
• Android support deux types d'Intent : explicit et implicit.• Si l'activité définie le composant cible directement dans l'Intent (implicite);
• Si l'activité lance une classe externe alors c'est un explicite Intent.
Interface graphique avec XML IvMad, 2011-2015 8
Android et XML : Intent (2)Interface graphique avec XML IvMad, 2011-2015 9
La figure illustre la manière dont un Intent implicite est délivré à travers lesystème pour démarrer une autre activité. L'activité A crée un Intent parstartActivity(). Le système Android cherche les applications dont l'Intent filtercorrespond. Si une correspondance est trouvée le système démarre l'activitéB en appelant la méthode onCreate().
Android et XML : Broadcasting• Dans un contexte informatique, le broadcasting désigne une méthode de
transmission de données à l'ensemble des machines d'un réseau.
• Pour recevoir des Intent, Android crée une classe qui implémenteBroadcastReceiver avec une seule méthode onReceive().
• Le système Android envoie l'intention (Intent) à tous les BroadCastReceiver abonnés par ordre de priorité (AndroidManifest.xml).
• Un BroadCast Receiver est un composant Android qui écoute etenregistre tout changement dans le mobile:• la reception de messages SMS,
• appels téléphoniques,
• statut de la batterie,
• accès au réseau Wi-Fi,
• Bluetooth, etc.
Interface graphique avec XML IvMad, 2011-2015 10
Android et XML : Intent (3)• L'exemple suivant va illustré le passage d'un message à partir d'une
activité vers une autre activité.
• On crée un projet IntentProject. L'interface graphique de l'activitécompte un TextView, un EditText et un Button.
• Dans le champ de texte on saisie le message qui sera traité par l'Intent.
• Le traitement est initié par le "click" du bouton qui déclenche laméthode onClick(View v). Pour la mise en place de la méthode la classeOnClickListener est instancié comme écouteur du bouton.
• Le texte saisie est récupéré par la méthode getText() de la classeEditText.
• Un Intent est instancié pour emmètre le message avec la méthodeputExtra(strName, keyIdentifer)
• Le processus est initié avec l'appel: startActivity(intent);
Interface graphique avec XML IvMad, 2011-2015 11
Android et XML : Intent (4)Interface graphique avec XML IvMad, 2011-2015 12
Activité principale qui émet le message "Intent"
Interface graphique dans res/layout pour l'activité
principale
Android et XML : Intent (5)• L'activité secondaire, initiée par l'activité principale est une classe à
part créée dans le même projet.
• L'activité possède sa propre interface graphique décrite dans lerépertoire res/layout.
• Le message de type Intent est récupéré par la méthodegetStringExtra(strMsg) et affiché dans un objet de type TextView à l'écranda l'activité.
• Le fichier AndroidManifest.xml doit contenir la description de l'activitésecondaire avec le nom de la classe et le titre de l'activité:<activity
android:name=".DisplayActivity"
android:label="@string/title_activity_display"
/>
Interface graphique avec XML IvMad, 2011-2015 13
Android et XML : Intent (6)Interface graphique avec XML IvMad, 2011-2015 14
L'activité est activé par un "Intent" et reçoit le message envoyé GUI XML de l'activité
secondaire
Strings.xml contient les String des
deux activités
Android et XML : Intent (7)Interface graphique avec XML IvMad, 2011-2015 15
Android Manifest.xml est commun aux deux activités et décrit les ressources à mettre
en œuvre
L'activité sensée recevoir l'Intent de l'activité principale
est décrite ici
Android et XML : Intent (8)Interface graphique avec XML IvMad, 2011-2015 16
Android : Explicite Intent (eMail) • Comment envoyer un e-Mail à partir d'une activité Android ?
• La technique de l'explicite Intent peut faire appel à un client e-Mail sousAndroid en faisant passer toutes les données nécessaires pour l'envoidu message:
Intent emailIntent = new Intent(Intent.ACTION_SEND);
• En utilisant les Intent et l’intention ACTION_SEND, il est possible dedémarrer une intention d’envoi de données (mail, sms, …).
• Pour envoyer le mail il faut spécifier le URI pour le "mailto:", c.à.d.l'adresse du destinataire, ainsi que les attributs d'un e-mail: TO,SUBJECT, CC, TEXT.
• L'activité lancera la recherche et le choix d'un client e-mail, depréférence GMail:startActivity(Intent.createChooser(emailIntent,
"Envoie du e‐mail..."));
Interface graphique avec XML IvMad, 2011-2015 17
Android : Explicite Intent (eMail) Interface graphique avec XML IvMad, 2011-2015 18
strings.xml
activity_intent_send_mail_main.xmlActivité principale
Android : Explicite Intent (eMail) Interface graphique avec XML IvMad, 2011-2015 19
Android : Envoi de SMS (1)• Il y a deux façons d'envoyer un SMS avec une activité Android:
• A l'aide du SmsManager installé sous Android en s'adressant directement àsa méthode statique:
SmsManager smsManager = SmsManager.getDefault();
• La référence vers le SMS manager donne accès à la méthode d'envoi desdonnées nécessaires à compéter un message de ce type:
smsManager.sendTextMessage("phoneNo", null,
"SMS text", null, null);
• Par la technique des Intent. Il faut instancier un objet Intent avec l'actionACTION_VIEW:
Intent smsIntent = new Intent(Intent.ACTION_VIEW);
• Pour l'envoi il faut spécifier smsto avec l'URI et la méthode setData():smsIntent.setData(Uri.parse("smsto:"));
smsIntent.setType("vnd.android‐dir/mms‐sms");
• La suite fait appel au client SMS Android.
Interface graphique avec XML IvMad, 2011-2015 20
Android : Envoi de SMS (2) Interface graphique avec XML IvMad, 2011-2015 21
Activité principale
res/layout/activity_send_sms.xml
Android : Envoi de SMS (3) Interface graphique avec XML IvMad, 2011-2015 22
strings.xml
AndroidManifest.xml
Android : Envoi de SMS (4) Interface graphique avec XML IvMad, 2011-2015 23
Android : Appel téléphonique (1)• Une activité Android peut emmètre un appel téléphonique par
l'intermédiaire des Intent.
• On utilise l'action ACTION_CALL pour basculer vers lafonctionnalité téléphone de l'unité Android.
Intent phoneIntent = new Intent(Intent.ACTION_CALL);
• Pour effectuer un appel téléphonique pour un numéro donné on doitspécifier tel: comme URI avec la méthode setData().
phoneIntent.setData(Uri.parse("tel:04.91.17.79.20"));
Interface graphique avec XML IvMad, 2011-2015 24
Android : Appel téléphonique (2)Interface graphique avec XML IvMad, 2011-2015 25
Activité principale
Permissions à ajouter dans AndrdoidManifest.xml
activity_phone_call.xml
strings.xml
Android : Appel téléphonique (3)Interface graphique avec XML IvMad, 2011-2015 26
Application Android et XML (11)• Le fichier colors.xml contient les couleurs utilisées dans l’application
<?xml version="1.0" encoding="utf‐8"?>
<resources>
<color name="black_color">#000</color>
</resources>
• Le fichier dimens.xml défini les dimensions utilisées.• Les tailles déclarées sont en dp (density independant pixel) pour la taille des
composants et en sp (scale independant pixel) pour la taille des polices.
• Les tailles en dp / sp garantissent les mêmes proportions dans les interfacesquelques soit la densité de l’écran cible
<resources>
<dimen name="padding_small">8dp</dimen>
<dimen name="padding_medium">8dp</dimen>
<dimen name="padding_large">16dp</dimen>
<dimen name="normal_text_size">15sp</dimen>
<dimen name="normal_padding">20dp</dimen>
<dimen name="large_padding">100dp</dimen>
<dimen name="small_padding">10dp</dimen>
</resources>
Interface graphique avec XML IvMad, 2011-2015 27
Application Android et XML (7)• Le fichier strings.xml est utilisé pour déclarer les chaines de caractères
qui apparaitront dans l'interface graphique de l'activité.<?xml version="1.0" encoding="utf‐8"?>
<resources>
<string name="app_name">FirstAndroidView</string>
<string name="hello_world">Bonjour tout le monde!</string>
<string name="menu_settings">Settings</string>
<string name="title_activity_main">MainActivity</string>
<string name="image_content_description">Logo Android</string>
<string name="create_account">Créer un compte</string>
<string name="email">Adresse email</string>
<string name="password">Mot de passe</string>
<string name="connect">Se connecter</string>
</resources>
Interface graphique avec XML IvMad, 2011-2015 28
Application Android et XML (8)• Gérer l'événement du bouton et afficher le résultat dans une autre
View par la création d'une deuxième activité. La vue est décrite dans lefichier XML: res/layout/login_display.xml
Interface graphique avec XML IvMad, 2011-2015 29
<LinearLayoutxmlns:android=http://schemas.android.com/apk/res/android android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical" android:paddingTop="@dimen/layout_padding_top" ><TextView
android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/email"
android:textColor="@color/black_color"android:textSize="@dimen/big_text_size"android:textStyle="bold" /><TextView
android:id="@+id/email_display"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:hint="@string/hint_mail"android:textColor="@color/black_color"
android:textSize="@dimen/big_text_size" />
<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"
android:paddingTop="@dimen/normal_padding"android:text="@string/password"
android:textColor="@color/black_color" android:textSize="@dimen/big_text_size"
android:textStyle="bold" /><TextView
android:id="@+id/password_display"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:hint="@string/hint_pass"
android:textColor="@color/black_color" android:textSize="@dimen/big_text_size" /></LinearLayout>
Application Android et XML (9)• Le nouvelle View est liée à une nouvelle activité dont il faut créer le
code Java dans le fichier : src/nom.package/LoginDisplayActivity.javapublic class LoginDisplayActivity extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.login_display);
}
}
• Les activités et les ressources d'une application Android sont décritesdans le fichier XML : AndroidManifest.xml• La ligne à ajouter pour la nouvelle View à côté du nom de l'activité principale :<activity android:name=".LoginDisplayActivity" />
• Actualiser le fichier strings.xml avec les chaines pour la nouvelle View:<string name="title_activity_login_display">LoginDisplayActivity</string>
<string name="hint_mail">"Ici : L'adresse email de l'utilisateur"</string>
<string name="hint_pass">"Ici : Le mot de passe de l'utilisateur"</string>
Interface graphique avec XML IvMad, 2011-2015 30
Application Android et XML (10)• Le fichier XML dimens.xml doit être mis à jour en ajoutant les lignes
suivantes:<dimen name="layout_padding_top">80dp</dimen>
<dimen name="big_text_size">20sp</dimen>
• Pour mettre en place le passage d’une activité à une autre il fautajouter du code dans la MainActivity.java.• On déclare un OnClickListener sur le bouton libellé "se connecter".
• Pour le passage d’une activité à une autre on crée un Intent• Les intents sont des messages utilisées par le système comme moyen de
communication avec des applications, activités …
• Le premier argument représente le contexte et le second représente l’activitéd’arrivée.
• On utilise la méthode startActivity avec comme argument l’intent crée.
Interface graphique avec XML IvMad, 2011-2015 31
Application Android et XML (11)• Pour récupérer l'événement du bouton "se connecter" on ajoute le code
suivant dans la méthode OnCreate().loginButton.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
Intent intent = new Intent(MainActivity.this, LoginDisplayActivity.class);
startActivity(intent);
}
});
• Le code actuel effectue le passage de la première activité à la seconde sans transfert de données d'une activité à l'autre.
• Pour transmettre ces données, il faut ajouter à l’intent une clé permettant de les identifier.• On déclare EXTRA_LOGIN et EXTRA_PASSWORD pour le passage des
données. Lors du clic sur le bouton, on récupère les textes saisies par l’utilisateur getText().toString. On associe ces valeurs avec l’intent par la méthode putExtra
Interface graphique avec XML IvMad, 2011-2015 32
Application Android et XML (12)• A l'étape suivante on récupère les données transmises par l’intent et on
les assigne aux zones de texte dans l'activité LoginDisplayActivity à l’aidede la méthode getIntent en vérifiant que ce dernier n’est pas nulle.
• Initialiser les deux zones de textes servant à afficher les informationsutilisateurs (login/password).
• Récupérer les deux informations à l’aide de leurs clés et de la méthodegetStringExtra. Il faut utiliser la méthode getTypeExtra où Typecorrespond au type de la donnée passé.
• Lier les textes récupérés aux TextView à l’aide de la méthode setText
• En plus, un contrôle de la saisie peut être mis en place pour éviter leschamps vides ou l'adresse mail non conforme aux standards en seservant des "paternes" avec les symboles autorisés.
Interface graphique avec XML IvMad, 2011-2015 33
Application Android et XML (14)import java.util.regex.Matcher; import java.util.regex.Pattern;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends Activity {
final String EXTRA_LOGIN = "user_login";
final String EXTRA_PASSWORD = "user_password";
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final EditText login = (EditText) findViewById(R.id.user_email);
final EditText pass = (EditText) findViewById(R.id.user_password);
final Button loginButton = (Button) findViewById(R.id.connect);
Interface graphique avec XML IvMad, 2011-2015 34
Application Android et XML (15)loginButton.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
final String loginTxt = login.getText().toString();
final String passTxt = pass.getText().toString();
// le 'pattern' pour vérifier le contenu de l'adresse mail
Pattern p = Pattern.compile(".+@.+\\.[a‐z]+");
// Le 'matcher' va comparer le 'pattern' avec le 'string' passé en argument
Matcher m = p.matcher(loginTxt);
// Si l’adresse mail saisie ne correspond au format d’une
// adresse mail on affiche un message d'erreur
if (!m.matches()) {
Toast.makeText(MainActivity.this,R.string.email_format_error,Toast.LENGTH_SHORT).show();
// Pour éviter l'exécution des opérateurs qui suivent
return;
}
Interface graphique avec XML IvMad, 2011-2015 35
Application Android et XML (16)// le cas des différents champs qui ne doivent pas être vides
if (loginTxt.equals("") || passTxt.equals("")) {
Toast.makeText(MainActivity.this,R.string.email_or_password_empty,Toast.LENGTH_SHORT).show();
return;
}
// activer la vue pour afficher le résultat
Intent intent = new Intent(MainActivity.this,LoginDisplayActivity.class);
intent.putExtra(EXTRA_LOGIN, loginTxt);
intent.putExtra(EXTRA_PASSWORD, passTxt);
startActivity(intent);
}
});
}
}
Interface graphique avec XML IvMad, 2011-2015 36
Application Android et XML (13)import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;
public class LoginDisplayActivity extends Activity {
final String EXTRA_LOGIN = "user_login";
final String EXTRA_PASSWORD = "user_password";
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.login_display);
Intent intent = getIntent();
TextView loginDisplay = (TextView) findViewById(R.id.email_display);
TextView passwordDisplay = (TextView) findViewById(R.id.password_display);
if (intent != null) {
loginDisplay.setText(intent.getStringExtra(EXTRA_LOGIN));
passwordDisplay.setText(intent.getStringExtra(EXTRA_PASSWORD));
}
} }
Interface graphique avec XML IvMad, 2011-2015 37
Application Android et XML (17)Interface graphique avec XML IvMad, 2011-2015 38
Android : Présenter en Tableau (1)• La structure tableau dans toutes les plates-formes représente un
moyen efficace de présentation et/ou de stockage d'information.
• Le point de départ pour mettre en place un tableau dans uneapplication Android est de s'adresser à l'élément TableLayout.
• Le principe est un peu le même que pour le tableau en HTML :• TableLayout défini un tableau, dans lequel on rajoute des lignes
• TableRow contient les composants.
• Les colonnes peuvent être définies comme• extensibles (setColumnStretchable()) pour gérer la largeur des colonnes tout en
laissant une occuper l’espace vide pour arriver à la largeur du conteneur
• rétractables (setColumnShrinkable()) pour obtenir l’effet inverse.
• Le TableLayout ne gère pas l’affichage des bordures, lignes, colonnes oucellules. C'est à définir dans un fichier style.xml.
Interface graphique avec XML IvMad, 2011-2015 39
Android : Présenter en Tableau (2)• Créer le tableau dans res/layout/main.xml
<TableLayout style="@style/frag1TableLayout" >
<TableRow style="@style/frag1HeaderTableRow">
<TextView style="@style/frag1HeaderCol" android:text="cm"/>
<TextView style="@style/frag1HeaderCol" android:text="inch"/>
</TableRow>
<TableRow style="@style/frag1TableRow">
<TextView style="@style/frag1Col" android:text="2.54"/>
<TextView style="@style/frag1Col" android:text="1"/>
</TableRow>
<TableRow style="@style/frag1TableRow">
<TextView style="@style/frag1Col" android:text="5.08"/>
<TextView style="@style/frag1Col" android:text="2"/>
</TableRow>
<TableRow style="@style/frag1TableRow">
<TextView style="@style/frag1Col" android:text="7.62"/>
<TextView style="@style/frag1Col" android:text="3"/></TableRow>
</TableLayout>
Interface graphique avec XML IvMad, 2011-2015 40
Android : Présenter en Tableau (3)• Un style peut être appliqué pour chacune des colonnes comme une
feuille de style CSS dans le fichier style.xml.<resources xmlns:android="http://schemas.android.com/apk/res/android">
<style name="AppTheme" parent="@android:style/android:Theme.Light" />
<style name="defaultTextView" parent="@android:style/TextAppearance.Medium">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">wrap_content</item></style>
<style name="frag1TableLayout">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">wrap_content</item></style>
<style name="frag1HeaderTableRow" parent="frag1TableLayout">
<item name="android:layout_marginBottom">3dp</item></style>
<style name="frag1TableRow" parent="frag1TableLayout"></style>
<style name="frag1Col" parent="defaultTextView">
<item name="android:layout_marginBottom">1dp</item>
<item name="android:background">@drawable/tableborder</item></style>
<style name="frag1HeaderCol" parent="frag1Col">
<item name="android:textStyle">bold</item></style>
</resources>
Interface graphique avec XML IvMad, 2011-2015 41
Android : Présenter en Tableau (4)• Ajouter une bordure au tableau grâce à un objet drawable en forme de
rectangle défini en arrière plan. Pour cela on créer l'objet drawable dansle répertoire /res/drawable/tableborder.xml.
<?xml version="1.0" encoding="utf‐8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="#FFFFFF"/>
<stroke android:width="1dp" android:color="#777777"/>
<corners android:radius="3dp" />
<padding android:left="100dp" android:top="5dp"
android:right="10dp" android:bottom="5dp" />
</shape>
Interface graphique avec XML IvMad, 2011-2015 42
Android : NFC (Near Field Communication)• NFC est une technologie de communication en champ proche basée
sur la fréquence radio 13.56 MHz.• La portée de la communication est de l'ordre de 10 cm en théorie mais
effective à 1-4 cm pour des bandes passantes de 106 / 216 / 414 kbps.
• La communication permet l'envoi et la lecture de données sous formede "Tags" entre deux terminaux ou entre un terminal et une puce.
• On peut échanger des données simplement en rapprochant leSmartphone d'une borne pour effectuer un paiement par exemple.
• Android gère les messages NFC avec le format NDEF (NFC DataExchange Format).
• Pour l'échange d'information NFC l'activité Android a besoin de lapermission dans le fichier AndroidManifest.xml :<user‐permission android:name="android.permission.NFC" />
Interface graphique avec XML IvMad, 2011-2015 43
Android : NFC (Near Field Communication)Interface graphique avec XML IvMad, 2011-2015 44
L'activité test la présence du service NFC et son statut.
L'affichage se fait à partir du fichier strings.xml.
Pour extraire une chaine de caractère on précise son
identifiant comme paramètre de la méthode getText()
Android: AsyncTask (Thread )• Un thread est un fil d'exécution ou tâche utilisé avec l'interface
graphique d'un programme Java ou par des programmes de calculintensif.
• Une application Android consommatrices de ressources (requêtes http,calculs lourds, …) doit faire appel à un thread séparé pour "déconnecter" leGUI du calcul. Ainsi, les deux tâches fonctionnent de manièreasynchrone (AsyncTask) sans provoquer l'arrêt de l'Activité principalesi elle est bloquée trop longtemps.• Créer un nouveau projet appelé AsyncTache qui prend en charge un
traitement long de manière asynchrone.
• Modifier le res/layout/main.xml en ajoutant un Button qui sert à lancer letraitement et une ProgressBar pour afficher la progression du traitement(voir le transparent suivant).
Interface graphique avec XML IvMad, 2011-2015 45
Android: AsyncTask (Thread )• Le code XML à mettre dans res/layout/main.xml :
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical" >
<Button android:layout_marginTop="10dp"
android:id="@+id/btnLaunch" android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Lancer la tâche" />
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="Progression de la tâche asynchrone:" />
<ProgressBar android:id="@+id/pBAsync"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_margin="10dp" android:layout_height="wrap_content" />
</LinearLayout>
Interface graphique avec XML IvMad, 2011-2015 46
Android: AsyncTask (Thread )• Le code Java pour l'Activité principale:
public class AsyncTacheActivity extends Activity {
private ProgressBar mProgressBar;
private Button mButton;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_async_big_calcul);
// On récupère les composants de notre layout
mProgressBar = (ProgressBar) findViewById(R.id.pBAsync);
mButton = (Button) findViewById(R.id.btnLaunch);
// On met un Listener sur le bouton
mButton.setOnClickListener(new OnClickListener() {
public void onClick(View arg0) {
LaTache tache = new LaTache();
tache.execute(); // On lance la tache séparée
}
});
}
Interface graphique avec XML IvMad, 2011-2015 47
Android: AsyncTask (Thread )• Ecriture de la classe LaTache, qui hérite d’AsyncTaskprivate class LaTache extends AsyncTask<Void, Integer, Void>
• Les trois paramètres attendus sont des types génériques :• Le premier est le type des paramètres fournis à la tâche
• Le second est le type de données transmises durant la progression du traitement
• Le troisième est le type du résultat de la tâche
• Une AsyncTask implémente la méthode doInBackground, qui réalise letraitement de manière asynchrone dans un thread séparé.
• Trois méthodes appelées depuis l'UI thread, capables de le modifier:• onPreExecute est appelée avant le traitement;
• onProgressUpdate est appelée pour afficher la progression de la tache
• onPostExecute est appelée après le traitement sont optionnelles.
• Un appel à la méthode publishProgress permet la mise à jour de la progression. Onne doit pas appeler la méthode onProgressUpdate directement.
Interface graphique avec XML IvMad, 2011-2015 48
Android: AsyncTask (Thread )private class LaTache extends AsyncTask<Void, Integer, Void> {
protected void onPreExecute() {super.onPreExecute();
Toast.makeText(getApplicationContext(), "Début du traitement asynchrone", Toast.LENGTH_LONG).show(); }
protected void onProgressUpdate(Integer... values){
super.onProgressUpdate(values);
// Mise à jour de la ProgressBar
mProgressBar.setProgress(values[0]); }
protected Void doInBackground(Void... arg0) {
int p;
for (p=0; p<=100; p++) {
for (int i=0; i<1000000; i++) { /* vide */ }
// la méthode publishProgress met à jour l'interface en // invoquant la méthode onProgressUpdate
publishProgress(p); }
return null; }
protected void onPostExecute(Void result) {
Toast.makeText(getApplicationContext(), "Le traitement asynchrone est terminé", Toast.LENGTH_LONG).show();
} }
Interface graphique avec XML IvMad, 2011-2015 49
Android: AsyncTask (Thread )Interface graphique avec XML IvMad, 2011-2015 50
Ecran 1 au lancement de l'activité
Ecran 2 fin de l'activité Ecran 3 résultat de l'activité : tri par
sélection
Android: AsyncTask (Thread )• Appliquer un traitement lourd comme le tri par sélection d'un certain
nombre d'entiers générés aléatoirement:int[] tbl = new int[100];
......................
tbl[i] = (int)(Math.random()*128);
.......................
protected void triSelection(int[] tbl, int N) {
int min, t, i;
for (i=0; i<N‐1; ++i) {
min = i;
for (int j=i+1; j<N; ++j) {
if (tbl[j] < tbl[min]) {
min = j;
}
}
t = tbl[min];
tbl[min] = tbl[i];
tbl[i] = t;
}
}
Interface graphique avec XML IvMad, 2011-2015 51
Connexion TCP avec AsyncTask (1)• Une application Android se connectant sur un serveur TCP par la
méthode de traitement asynchrone de la requête réseau:public class TCPAsyncTaskActivity extends Activity {
private String stringUrl = "192.168.0.142";
private TextView textView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
textView = new TextView(this);
setContentView(textView);
TCPAsyncTaskRequest();
}
Interface graphique avec XML IvMad, 2011-2015 52
Connexion TCP avec AsyncTask (2)• La méthode vérifie la connexion et l'accessibilité du service réseau
pour faire appel alors à la méthode gérée par AsyncTask.public void TCPAsyncTaskRequest() {
ConnectivityManager connMgr = (ConnectivityManager)getSystemService(Context.CONNECTIVITY_SERVICE);
NetworkInfo networkInfo = connMgr.getActiveNetworkInfo();
if (networkInfo != null && networkInfo.isConnected()) {
new AccessServerTask().execute(stringUrl);
} else {
textView.setText("No network connection available.");
}
}
Interface graphique avec XML IvMad, 2011-2015 53
Connexion TCP avec AsyncTask (3)• La méthode appelle la méthode qui exécute la tache asynchrone en
fond et libère ainsi l'interface utilisateur. La méthode onPostExecuteretourne le résultat du traitement.private class AccessServerTask extends AsyncTask<String,Void,String> {
@Override
protected String doInBackground(String... urls) {
// params comes from the execute() call: params[0] is the url.
return runTcpClient(urls[0]);
}
// onPostExecute displays the results of the AsyncTask.
@Override
protected void onPostExecute(String result) {
textView.setText(result);
}
}
Interface graphique avec XML IvMad, 2011-2015 54
Connexion TCP avec AsyncTask (3)• La méthode qui effectue le traitement réseau.private String runTcpClient(String myurl) {
try {
Socket s = new Socket(myurl, 1234);
BufferedReader in = new BufferedReader(new InputStreamReader(s.getInputStream()));
BufferedWriter out = new BufferedWriter(new OutputStreamWriter(s.getOutputStream()));
// send output msg
String outMsg = "Connexion du client TCP sur le port: 1234" + System.getProperty("line.separator");
out.write(outMsg);
out.flush();
// accept server response
String inMsg = in.readLine() + System.getProperty("line.separator");
// close connection
s.close();
return inMsg;
} catch (UnknownHostException e) {
return "Aucune connexion!";
} catch (IOException e) {
return "Aucune connexion!";
}
}
Interface graphique avec XML IvMad, 2011-2015 55
HTTP Serveur avec AsyncTask (1)• Le thread client pour chaque connexion est créé par une tache de fond
non synchronisé avec le thread principal de l'activité.public class HTTPServerAsynkTaskMainActivity extends ActionBarActivity {
private TextView textView;
int port = 4444;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
textView = new TextView(this);
textView.setText("Serveur installé sur le port: "+port);
setContentView(textView);
new HTTPDServerTask().execute("");
}
Interface graphique avec XML IvMad, 2011-2015 56
HTTP Serveur avec AsyncTask (2)• private class HTTPDServerTask extends AsyncTask<String, Void, String> {
@Override
protected String doInBackground(String... urls) {
try { // Installation du serveur sur un port
ServerSocket ss = new ServerSocket(port);
Log.i("HTTPDServerTaskActivity", "Serveur installé sur "+port);
while(true) { // Boucle des connections clients
Socket sk = ss.accept(); // Connexion acceptéemHttpdConnection(sk); // Création du client
}
} catch (IOException e) {
Log.i("HTTPDServerTaskActivity", e.getMessage()); }
return "";
}
@Override
protected void onPostExecute(String result) { }
Interface graphique avec XML IvMad, 2011-2015 57
HTTP Serveur avec AsyncTask (3)protected void mHttpdConnection(Socket sk) {
try {
OutputStream out = sk.getOutputStream();
// Formater le flux de sortie
// Lecture de la requête
String req = (new BufferedReader(
new InputStreamReader(sk.getInputStream()))).readLine();
Log.i("mHttpdConnection", "Requête: "+req);
// Traitement de la requête GET
String str[] = req.split(" ");
// Décompose 'req' par " " et charge en éléments en tableau
if (str[0].equals("GET")) {
// Vérifier si la requête démarre par "GET"
req = str[1].substring(1);
// On enlève '/' devant le nom du fichier
if (req.equals(""))
req = req + "index.html";
Interface graphique avec XML IvMad, 2011-2015 58
HTTP Serveur avec AsyncTask (4)try {
FileInputStream fis = new FileInputStream(req); // Ouvrir le fichier demandé
byte[] data = new byte[fis.available()];
// available retourne le nombre de bytes à lire
fis.read(data); // Lire les données du fichier dans le tableau de bytes
out.write(data); // Envoyer les données au client
fis.close(); // Fermer le fichier demandé
Log.i("mHttpdConnection", "Le serveur a envoyé la page au client");
} catch (FileNotFoundException e) {
new PrintStream(out).println("404 Not Found"); }
} else {
new PrintStream(out).println("400 Bad Request"); }
sk.close();
} catch (IOException e) {
Log.i("mHttpdConnection", "I/O error " + e.getMessage()); }
}
}
}
Interface graphique avec XML IvMad, 2011-2015 59
Android : SQLite base de données (1) • SQLite est Open Source Database accessible dans chaque unité mobile
avec Android.
• L'utilisation d'une BD SQLite ne demande aucune installation ouadministration.
• SQLite supporte le type TEXT (String en Java), INTEGER (long en Java)et REAL (double en Java). Tous les autres types doivent être convertivers un reconnu SQLite.
• Si une application Android crée une BD elle est alors sauvegardée par défaut dans le dossier : DATA/data/APP_NAME/databases/FILENAME.
• Le package android.database contient les classes nécessaires à lamanipulation d'une BD.
• Le package android.database.sqlite contient des classes spécifiques àSQLite.
Interface graphique avec XML IvMad, 2011-2015 60
Android : SQLite (2) • Pour créer et modifier une BD dans une activité on étend (hérite) la
sous-classe SQLiteOpenHelper.
• Le constructeur de l'Activité fait appel à la méthode super():• super(context, DATABASE_NAME, null, DATABASE_VERSION);
• Dans cette classe les méthodes onCreate() et onUpgrade() sont à réécrire.
• onCreate() est appelé pour la création de la BD si elle n'existe pas.
• onUpgrade() est appelé pour modifier le schéma de la BD.
• Les deux méthodes prennent en paramètre la référence de la BD.
• La classe SQLiteOpenHelper fourni les méthodes getReadableDatabase()
et getWriteableDatabase() pour accéder à un objet de typeSQLiteDatabase en lecture ou en écriture.
• Une table de BD doit être identifiée par un _id qui est prisautomatiquement pour une clé primaire.
Interface graphique avec XML IvMad, 2011-2015 61
Android : SQLite (3) • SQLiteDatabase est la classe de base pour opérer avec une BD sous
Android.• Elle fournie les méthodes pour ouvrir, interroger, modifier ou fermer une
BD : insert(), update() et delete() et la méthode execSQL(), quiexécute une requête SQL.
• L'objet ContentValues fourni le binôme key/values.• "key" est l'attribut d'une colonne et "values" représente son contenu.• ContentValues peut être utilisé pour insérer ou modifier des
enregistrements dans la BD.
• Les requêtes sont créées via les méthodes rawQuery() ou query() de laclasse SQLiteQueryBuilder.• rawQuery() accepte directement la requête SQL en paramètre.• query() propose une interface structurée pour la requête SQL.• SQLiteQueryBuilder est la classe qui facilite la création des requêtes SQL.
Interface graphique avec XML IvMad, 2011-2015 62
Android : SQLite (4) public class MaBaseDeDonneesAndroid extends SQLiteOpenHelper {
// Version de la BD
private static final int DATABASE_VERSION = 1;
// Nom de la BD
private static final String DATABASE_NAME = "contactsManager";
// Nom de la table dans la BD
private static final String TABLE_CONTACTS = "contacts";
// Noms des colonnes dans la table
private static final String KEY_ID = "id";
private static final String KEY_NAME = "name";
private static final String KEY_PH_NO = "phone_number";
public MaBaseDeDonneesAndroid(Context context) {
// Ouverture et création de la BD si n'existe pas
super(context, DATABASE_NAME, null, DATABASE_VERSION);
}
Interface graphique avec XML IvMad, 2011-2015 63
Android : SQLite (5) // Création de la table
@Override
public void onCreate(SQLiteDatabase db) {
String CREATE_CONTACTS_TABLE = "CREATE TABLE " + TABLE_CONTACTS + "("
+ KEY_ID + " INTEGER PRIMARY KEY," + KEY_NAME + " TEXT,"
+ KEY_PH_NO + " TEXT" + ")";
db.execSQL(CREATE_CONTACTS_TABLE);
}
// Effacer ou modifier une table
@Override
public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
// Drop older table if existed
db.execSQL("DROP TABLE IF EXISTS " + TABLE_CONTACTS);
// Create tables again
onCreate(db);
}
Interface graphique avec XML IvMad, 2011-2015 64
Android : SQLite (6) // Ajouter un 'contact' dans la table
void addContact(Contact contact) {
SQLiteDatabase db = this.getWritableDatabase();
ContentValues values = new ContentValues();
// Prendre le nom
values.put(KEY_NAME, contact.getName());
// Prendre le numéro de téléphone
values.put(KEY_PH_NO, contact.getPhoneNumber());
// Insérer une ligne dans la table
db.insert(TABLE_CONTACTS, null, values);
// Fermer la BD
db.close();
}
Interface graphique avec XML IvMad, 2011-2015 65
Android : SQLite (7) // "Afficher" le contenu de la table
public List<Contact> getAllContacts() {
List<Contact> contactList = new ArrayList<Contact>();
// Sélectionner toutes les lignes de la table
String selectQuery = "SELECT * FROM " + TABLE_CONTACTS;
SQLiteDatabase db = this.getWritableDatabase();
Cursor cursor = db.rawQuery(selectQuery, null);
// On boucle pour ajouter les lignes à la liste
if (cursor.moveToFirst()) {
do {
Contact contact = new Contact();
contact.setID(Integer.parseInt(cursor.getString(0)));
contact.setName( cursor.getString(1) );
contact.setPhoneNumber( cursor.getString(2) );
contactList.add(contact); // Ajouter un contact à la liste
} while (cursor.moveToNext());
}
return contactList; // Retourne une liste de contacts
}
Interface graphique avec XML IvMad, 2011-2015 66
Android : connexion à MySQL (1)• Une application Java peut se connecter à une BD MySQL avec un
connecteur JDBC. Ceci est juste pour Java2SE et JSP.
• Le pilote JDBC est l'interface de liaison entre l'application et le SGBD.
• Les récentes version d'Android préconisent l'utilisation d'un serviceWeb et une connexion basée HTTP par l'intermédiaire de scripts PHPou JSP pour accéder au contenu de la BD et pour recevoir sur l'unitémobile sous Android le résultat d'une requête SQL.
• Néanmoins, il est possible de réussir une connexion avec une BDbasée MySQL en se servant d'un connecteur JDBC anciennegénération beaucoup plus adapté aux connexions lentes d'unSmartphone ou une Tablette.
• Ainsi, dans les transparents qui suivent je présente une connexion réussie avec le connecteur JDBC dans le contexte de la DOSI : mysql-connector-java-3.0.17-ga-bin.jar
Interface graphique avec XML IvMad, 2011-2015 67
Android : connexion à MySQL (2)public void listDB() {
// Renseigner les champs nécessaires à la connexionString url = "jdbc:mysql://dbs-perso.luminy.univmed.fr:3306/nom_BD";String user = "nom_utilisateur";String pass = "mot_de_passe";try {
// Instancier le driver JDBCClass.forName("com.mysql.jdbc.Driver").newInstance();// Effectuer la connexion avec le serveur de la BDConnection con = DriverManager.getConnection(url, user, pass);// Confirmer la connexionToast.makeText(getApplicationContext(),"Connexion OK!",Toast.LENGTH_SHORT).show();// Préparer la requete SQLString result = "";Statement st = con.createStatement();ResultSet rs = st.executeQuery("select * from contact");// Recuperer le résultat de la requeteResultSetMetaData rsmd = rs.getMetaData();// Extraire les éléments propres à chaque champswhile(rs.next()) {
result += rsmd.getColumnName(1) + ": " + rs.getInt(1) + "\n";result += rsmd.getColumnName(2) + ": " + rs.getString(2) + "\n";result += rsmd.getColumnName(3) + ": " + rs.getString(3) + "\n";result += rsmd.getColumnName(4) + ": " + rs.getString(4) + "\n";
}rs.close(); con.close();// Afficher le résultatToast.makeText(getApplicationContext(), result, Toast.LENGTH_SHORT).show();
} catch(Exception e) { e.printStackTrace(); } }
Interface graphique avec XML IvMad, 2011-2015 68
Toast affiche un contenu dans un cadre temporaire en fonction de trois paramètres:
context, text, duration
Android : connexion à MySQL (3)• Dans l'IDE Eclipse le connecteur JDBC doit être rajouté au projet qui
gère les classes de la connexion.• Télécharger dans un dossier le connecteur à partir de l'adresse:
http://139.124.26.245/ic4/pilot/mysql-connector-java-3.0.17-ga-bin.jar
• Par simple glisser dans l'interface Eclipse: copier/coller mettre le pilote dans le répertoire 'libs'
• Bouton droit sur le projet pour choisir 'Properties' -> 'Java buil Path' -> Libraries -> 'Add Jars' ->Ajouter dans Libs du projet.
Interface graphique avec XML IvMad, 2011-2015 69
Android : connexion à MySQL (4)// Insérer des données dans une table public void insertDB() {
try {// Instancier le connecteur Class.forName("com.mysql.jdbc.Driver").newInstance();// Etablir la connexion avec le serveur de la BDConnection con = DriverManager.getConnection(url, user, pass);// Construire la requête d'insertion de données requises à partir // d'une interface utilisateur sur l'unité mobileString sSQL = "";sSQL += "INSERT INTO Contact(prenom,nom,tel)";sSQL += " VALUES ('"+lastNameText.getText().toString()+
"','"+firstNameText.getText().toString()+"','"+telNumberText.getText().toString()+"');";
// Créer l'opérateurStatement st = con.createStatement();// Lancement de la requête int nb = st.executeUpdate(sSQL);// Fermeture des connexionsst.close();con.close();
}catch(Exception e) {
e.printStackTrace();}
}
Interface graphique avec XML IvMad, 2011-2015 70