Cycle de vie d'activité Android et les composant d'Android
-
Upload
houssem-lahiani -
Category
Mobile
-
view
421 -
download
0
description
Transcript of Cycle de vie d'activité Android et les composant d'Android
M.Houssem LAHIANI
1
Cours de programmation
sous Android
Responsable de matière : Monsieur Houssem Lahiani.
Chapitre 5 : Les activités et les composants sous Android
Plan du chapitre Cours de programmation sous Android .............................................................................................................................. 1
Chapitre 5 : Les activités et les composants sous Android ................................................................................................ 2
I. Les activités .................................................................................................................................................................. 2
II. Les composants Android ......................................................................................................................................... 5
1. Boutons radios et cases à cocher ................................................................................................................................. 5
2. Les Alertes .................................................................................................................................................................... 7
M.Houssem LAHIANI
2
Chapitre 5 : Les activités et les composants sous Android
I. Les activités
Faisons un peu de théorie. Une activité représente en gros ce que l'on voit à l'écran, pour la définir
simplement, elle est généralement composée d'une classe, et d'un layout xml.
Une activité est la composante principale pour une application Android. Elle représente
l’implémentation métier dans une application Android, permettant de gérer l’ensemble des vues et
ressources.
Une activité peut être avec ou sans interface utilisateur. Il est possible d’avoir plusieurs activités dans
le même programme. Elle doit toujours être déclarée dans le fichier AndroidManifest.xml.
Une activité n’est pas linéaire, elle est soumise à plusieurs évènements. Chaque événement est
représenté dans une méthode. La figure suivante illustre le cycle de vie d’une application Android :
M.Houssem LAHIANI
3
onCreate() : Cette méthode est appelée à la création d’une activité. Elle permet de l’initialiser.
C’est ici que l’interface graphique est spécifiée.
onStart() : Cette méthode est appelée quand l’application est démarrée.
onResume() : Cette méthode est appelée quand l’application passe (ou repasse) en avant-plan.
onPause() : Appelée quand l’application passe en arrière-plan et qu’une autre application se met
devant.
onStop() : Appelée quand l’application n’est plus visible.
onRestart() : Appelée quand l’application redevient visible.
onDestroy() : Appelée quand votre application est fermée par le système à cause d’un manque de
ressources, ou par l’utilisateur à l’utilisation d’un finish().
Il est donc permis de spécifier un comportement pour chacun de ces évènements. Pour cela, il suffit
de rajouter les méthodes correspondantes (de la même manière que pour la méthode onCreate) déjà
générée par ADT.
Pour générer ces méthodes, commencer à taper le nom de la méthode dans le fichier de code, puis
taper sur les touches Ctrl‑Espace.
Cliquer sur la méthode qui vous est proposée. Son code sera automatiquement généré.
Exercice
1. Générer les méthodes correspondant à chacun des évènements listés dans le cycle de vie. 2. Nous désirons voir le comportement de l’activité pour chacun de ces évènements. Pour cela, chaque méthode va afficher son nom. Indication : Utiliser le code suivant pour l’affichage :
Toast helloToast = Toast.makeText(this, "message à afficher", Toast.LENGTH_LONG);
helloToast.setGravity(Gravity.CENTER, 0, 0);
helloToast.show();
3. Dans la méthode onCreate, commenter la ligne
setContentView(R.layout.main);
et la remplacer par :
TextView tv = new TextView(this);
tv.setText("Hello, Android");
setContentView(tv);
que constatez‑vous ?
public class HelloworldActivity extends Activity { private Button bAfficher; private EditText edit; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Toast helloToast = Toast.makeText(this, "onCreate", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0);
M.Houssem LAHIANI
4
helloToast.show(); // Affectation des elements graphiques aux attributs this.bAfficher = (Button) this.findViewById(R.id.boutonAfficher); this.edit = (EditText) this.findViewById(R.id.edit); // Comportement du bouton bAfficher this.bAfficher.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // afficher un message Toast helloToast = Toast.makeText(HelloworldActivity.this, "J'ai étè cliquer!", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0); helloToast.show(); Toast.makeText(HelloworldActivity.this, "Clic", 1000).show(); }});} public void passerActivite(View v) { // lancer la nouvelle activitŽ Intent myIntent = new Intent(HelloworldActivity.this, ClicActivity.class); myIntent.putExtra("chaine", edit.getText().toString()); startActivity(myIntent); } @Override protected void onStart() { super.onStart(); Toast helloToast = Toast.makeText(this, "onStart", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0); helloToast.show(); } @Override protected void onResume() { super.onResume(); Toast helloToast = Toast.makeText(this, "onResume", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0); helloToast.show(); } @Override protected void onPause() { super.onPause(); Toast helloToast = Toast.makeText(this, "onPause", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0); helloToast.show(); } @Override protected void onRestart() { super.onRestart(); Toast helloToast = Toast.makeText(this, "onRestart", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0); helloToast.show(); } @Override protected void onStop() { super.onStop(); Toast helloToast = Toast.makeText(this, "onStop", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0); helloToast.show();}
M.Houssem LAHIANI
5
@Override protected void onDestroy() { super.onDestroy(); Toast helloToast = Toast.makeText(this, "onDestroy", Toast.LENGTH_SHORT); helloToast.setGravity(Gravity.CENTER, 0, 0); helloToast.show(); }
II. Les composants Android
1. Boutons radios et cases à cocher
En Android, vous pouvez utiliser la classe "android.widget.RadioButton" pour
utiliser les boutons radio qui sont généralement regroupés par
android.widget.RadioGroup. Si les boutons radios sont dans un groupe,si un
RadioButton est sélectionnée tous les autres seront automatiquement
désélectionnés.
Dans cette partie, nous allons vous montrer comment utiliser le XML pour créer
deux boutons radio et les regroupés au sein d'un groupe de radio.
Exercice
Créer un nouveau projet portant le nom de « Radio ».
Dans le ficher strings.xml mettez les lignes suivantes :
<?xml version="1.0" encoding="utf-8"?> <resources> <string name="hello">Hello World, MyAndroidAppActivity!</string> <string name="app_name">MyAndroidApp</string> <string name="radio_male">Male</string> <string name="radio_female">Female</string> <string name="action_settings">Settings</string> <string name="btn_display">Display</string> </resources>
Dans le fichier (Layout) main.xml essayez de créer cette interface en utilisant un “RadioGroup“ dans un
linearLayout.
Dans votre code Java, essayez d’afficher dans un toast le mot qui se trouve dans la case cochée après
avoir cliquer sur le bouton Display.
M.Houssem LAHIANI
6
<?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" >
<RadioGroup
android:id="@+id/radioSex"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<RadioButton
android:id="@+id/radioMale"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/radio_male"
android:checked="true" />
<RadioButton
android:id="@+id/radioFemale"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/radio_female" />
</RadioGroup>
<Button
android:id="@+id/btnDisplay"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/btn_display" />
</LinearLayout>
Pour rendre un bouton radio sélectionné par défaut, mettez android: checked = "true" dans l'élément
RadioButton. Dans ce cas, la radio option "Male" est sélectionné par défaut.
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;
public class MyAndroidAppActivity extends Activity {
private RadioGroup radioSexGroup;
private RadioButton radioSexButton;
private Button btnDisplay;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
M.Houssem LAHIANI
7
setContentView(R.layout.main);
addListenerOnButton();
}
public void addListenerOnButton() {
radioSexGroup = (RadioGroup) findViewById(R.id.radioSex);
btnDisplay = (Button) findViewById(R.id.btnDisplay);
btnDisplay.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// get selected radio button from radioGroup
int selectedId = radioSexGroup.getCheckedRadioButtonId();
// find the radiobutton by returned id
radioSexButton = (RadioButton) findViewById(selectedId);
Toast.makeText(MyAndroidAppActivity.this,radioSexButton.getText(),Toast.LENGTH_S
HORT).show();
}
});
}
}
2. Les Alertes
Si vous préférez utiliser le style plus classique des boîtes de dialogue, choisissez plutôt
AlertDialog. Comme toute boîte de dialogue modale, un AlertDialog s’ouvre, prend le
focus et reste affiché tant que l’utilisateur ne le ferme pas. Ce type d’affichage convient
donc bien aux erreurs critiques, aux messages de validation qui ne peuvent pas être affichés
correctement dans l’interface de base de l’activité ou à toute autre information dont vous
voulez vous assurer la lecture immédiate par l’utilisateur.
Pour créer un AlertDialog, le moyen le plus simple consiste à utiliser la classe Builder, qui
offre un ensemble de méthodes permettant de configurer un AlertDialog. Chacune de ces
méthodes renvoie le Builder afin de faciliter le chaînage des appels. À la fin, il suffit
d’appeler la méthode show() de l’objet Builder pour afficher la boîte de dialogue.
Voici les méthodes de configuration de Builder les plus utilisées :
setMessage() permet de définir le "corps" de la boîte de dialogue à partir d’un simple
message de texte. Son paramètre est un objet String ou un identifiant d’une ressource
textuelle.
setTitle() et setIcon() permettent de configurer le texte et/ou l’icône qui apparaîtra dans la
barre de titre de la boîte de dialogue.
setPositiveButton(), setNeutralButton() et setNegativeButton() permettent d’indiquer les
boutons qui apparaîtront en bas de la boîte de dialogue, leur emplacement latéral
M.Houssem LAHIANI
8
(respectivement, à gauche, au centre ou à droite), leur texte et le code qui sera appelé
lorsqu’on clique sur un bouton (en plus de refermer la boîte de dialogue).
Si vous devez faire d’autres configurations que celles proposées par Builder, appelez la
méthode create() à la place de show() : vous obtiendrez ainsi une instance d’AlertDialog
partiellement construite que vous pourrez configurer avant d’appeler l’une des méthodes
show() de l’objet AlertDialog lui-même.
Après l’appel de show(), la boîte de dialogue s’affiche et attend une saisie de l’utilisateur.
AlertDialog alertDialog;
alertDialog = new AlertDialog.Builder(this).create();
alertDialog.setTitle("titre de l’alerte");
alertDialog.setMessage("Message à afficher !!!");
alertDialog.setButton("OK", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
}});
alertDialog.show();
Exercice
Dans le même exercice de la partie précédente, créez une Alerte qui a comme titre « Votre genre » et
comme texte le contenu de RadioButton(male ou female) ,et essayer de lui attribuer un negativeButton
(No) qui permet de quitter l’application et un positiveButton qui permet de quitter le message d’alerte.
//AlertDialog AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(MyAndroidAppActivity.this); // set title alertDialogBuilder.setTitle("Votre genre"); // set dialog message alertDialogBuilder .setMessage(radioSexButton.getText()) .setCancelable(false) .setPositiveButton("Yes",new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog,int id) { // if this button is clicked, close // current activity dialog.cancel(); } })
M.Houssem LAHIANI
9
.setNegativeButton("No",new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog,int id) { MyAndroidAppActivity.this.finish(); } }); // create alert dialog AlertDialog alertDialog = alertDialogBuilder.create(); // show it
alertDialog.show();