Activity & User
Interface
Saber LAJILI
Version janvier 2014
Activity
Activité : Une activité est composée d'une
hiérarchie d’éléments d’interface ou vues,
contenant elles-mêmes d'autres vues
Côté implémentation, une activité est décrite
par :
 un code java implémenté dans une classe
héritant de la classe prédéfinie « Activity »
 des ressources : qui correspondent à des
éléments d’interfaces (vues) ou autres. Ces
ressources peuvent être décrites soit en
code java ou bien dans des fichiers
statiques (XML, image, ….)
2Saber LAJILI
Activity : Cycle de vie
3Saber LAJILI
Activity : scénarios
a. Lorsque l’activité se charge pour la première fois.
b. Lorsque vous cliquez sur le bouton de téléphone
l'activité va à l'arrière-plan.
c. Quittez le numéroteur téléphonique (phone
dialer).
d. Lorsque vous cliquez sur le bouton de retour ou
d'essayer de terminer l'activité.
e. L’activité courante est visible et une alerte
alertDialog s’affiche.
f. Vous êtes dans une activité, vous passer à une
autre activité.
public class MainActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Log.d("***State on create", "activité créée....");
setContentView(R.layout.activity_main);
}
@Override
protected void onStart() {
super.onStart();
Log.d("*** State started","The activity is about to become visible");
}
@Override
protected void onResume() {
super.onResume();
Log.d("***State onResume","The activity has become visible");
}
@Override
protected void onPause() {
super.onPause();
Log.d("State onPause()","activity is taking focus");
}
@Override
protected void onStop() {
super.onStop();
Log.d("State onStop","The activity is no longer visible");
}
@Override
protected void onDestroy() {
super.onDestroy();
Log.d("State onDestroy","The activity is about to be destroyed");
}
}
a. Lorsque l’activité se charge pour la première fois.
onCreate(), onStart(), onResume()
b. Lorsque vous cliquez sur le bouton de téléphone l'activité
va à l'arrière-plan.
onPause(), onStop()
c. Quittez le numéroteur téléphonique (phone dialer).
onRestart(), onStart(), onResume()
d. Lorsque vous cliquez sur le bouton de retour ou d'essayer
de terminer l'activité.
onPause(), onStop(), onDestroy()
e. L’activité courante est visible et une alerte alertDialog
s’affiche.
onResume(), onPause()
f. Vous êtes dans une activité, vous passer à une autre
activité.
onPause(), onStop()
4Saber LAJILI
User Interface
Classe View
5Saber LAJILI
User Interface
TextView
6Saber LAJILI
EditText
ImageView
User Interface
7Saber LAJILI
Button
User Interface
8Saber LAJILI
Liste
9Saber LAJILI
Liste
10Saber LAJILI
Layout
Layout
o LinearLayout: dispose les éléments de
gauche à droite ou du haut vers le bas
o RelativeLayout: les éléments enfants les uns
par rapport aux autres
o TableLayout: disposition matricielle
o FrameLayout: disposition en haut à gauche
en empilant les éléments
11Saber LAJILI
12Saber LAJILI
Interface comme ressource
Classe R
13Saber LAJILI
Démo
14Saber LAJILI
Listeners
Les listeners sont des interfaces qui définissent
des écouteurs d'événements qui se produisent sur
les vues « View ».
On distingue
- « OnClickListener »,
- OnLongClickListener et
- OnKeyListener.
15Saber LAJILI
Listeners
L'interface OnClickListener :
il nécessite l’appel de la bibliothèque : import
android.view.View.OnClickListener. Il définit les
écouteurs d'événements de type clic.
16Saber LAJILI
Les Intents : Interaction des
activités
Intents
Ils sont des messages asynchrones qui permettent
de faire coopérer et communiquer les
applications ou bien les composants Android.
Constructeurs
Intent(String action, Uri uri, Context packageContext, Class<?> cls)
Créer un objet intent pour un composant spécifique avec une action
et des données spécifiques.
17Saber LAJILI
Les Intents : Interaction des
activités
Définition d’une intent
18Saber LAJILI
Les Intents : Interaction des
activités
Affichage des composants d’une intent
19Saber LAJILI
Les Intents : Interaction des
activités
Communication interactivité
Intent i = new Intent(ActivityOne.this, ActivityTwo.class);
startActivity(i);
Button go= (Button)findViewById(R.id.buttgo);
go.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent i = new Intent(ActivityOne.this, ActivityTwo.class);
startActivity(i);
}});
20Saber LAJILI
Demo
Soit l’écran ci-dessous de
l’application « gestion
téléphone » permettant de
gérer les SMS et les appels
téléphoniques
21Saber LAJILI

2 activity user_interface

  • 1.
    Activity & User Interface SaberLAJILI Version janvier 2014
  • 2.
    Activity Activité : Uneactivité est composée d'une hiérarchie d’éléments d’interface ou vues, contenant elles-mêmes d'autres vues Côté implémentation, une activité est décrite par :  un code java implémenté dans une classe héritant de la classe prédéfinie « Activity »  des ressources : qui correspondent à des éléments d’interfaces (vues) ou autres. Ces ressources peuvent être décrites soit en code java ou bien dans des fichiers statiques (XML, image, ….) 2Saber LAJILI
  • 3.
    Activity : Cyclede vie 3Saber LAJILI
  • 4.
    Activity : scénarios a.Lorsque l’activité se charge pour la première fois. b. Lorsque vous cliquez sur le bouton de téléphone l'activité va à l'arrière-plan. c. Quittez le numéroteur téléphonique (phone dialer). d. Lorsque vous cliquez sur le bouton de retour ou d'essayer de terminer l'activité. e. L’activité courante est visible et une alerte alertDialog s’affiche. f. Vous êtes dans une activité, vous passer à une autre activité. public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Log.d("***State on create", "activité créée...."); setContentView(R.layout.activity_main); } @Override protected void onStart() { super.onStart(); Log.d("*** State started","The activity is about to become visible"); } @Override protected void onResume() { super.onResume(); Log.d("***State onResume","The activity has become visible"); } @Override protected void onPause() { super.onPause(); Log.d("State onPause()","activity is taking focus"); } @Override protected void onStop() { super.onStop(); Log.d("State onStop","The activity is no longer visible"); } @Override protected void onDestroy() { super.onDestroy(); Log.d("State onDestroy","The activity is about to be destroyed"); } } a. Lorsque l’activité se charge pour la première fois. onCreate(), onStart(), onResume() b. Lorsque vous cliquez sur le bouton de téléphone l'activité va à l'arrière-plan. onPause(), onStop() c. Quittez le numéroteur téléphonique (phone dialer). onRestart(), onStart(), onResume() d. Lorsque vous cliquez sur le bouton de retour ou d'essayer de terminer l'activité. onPause(), onStop(), onDestroy() e. L’activité courante est visible et une alerte alertDialog s’affiche. onResume(), onPause() f. Vous êtes dans une activité, vous passer à une autre activité. onPause(), onStop() 4Saber LAJILI
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
    Layout Layout o LinearLayout: disposeles éléments de gauche à droite ou du haut vers le bas o RelativeLayout: les éléments enfants les uns par rapport aux autres o TableLayout: disposition matricielle o FrameLayout: disposition en haut à gauche en empilant les éléments 11Saber LAJILI
  • 12.
  • 13.
  • 14.
  • 15.
    Listeners Les listeners sontdes interfaces qui définissent des écouteurs d'événements qui se produisent sur les vues « View ». On distingue - « OnClickListener », - OnLongClickListener et - OnKeyListener. 15Saber LAJILI
  • 16.
    Listeners L'interface OnClickListener : ilnécessite l’appel de la bibliothèque : import android.view.View.OnClickListener. Il définit les écouteurs d'événements de type clic. 16Saber LAJILI
  • 17.
    Les Intents :Interaction des activités Intents Ils sont des messages asynchrones qui permettent de faire coopérer et communiquer les applications ou bien les composants Android. Constructeurs Intent(String action, Uri uri, Context packageContext, Class<?> cls) Créer un objet intent pour un composant spécifique avec une action et des données spécifiques. 17Saber LAJILI
  • 18.
    Les Intents :Interaction des activités Définition d’une intent 18Saber LAJILI
  • 19.
    Les Intents :Interaction des activités Affichage des composants d’une intent 19Saber LAJILI
  • 20.
    Les Intents :Interaction des activités Communication interactivité Intent i = new Intent(ActivityOne.this, ActivityTwo.class); startActivity(i); Button go= (Button)findViewById(R.id.buttgo); go.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Intent i = new Intent(ActivityOne.this, ActivityTwo.class); startActivity(i); }}); 20Saber LAJILI
  • 21.
    Demo Soit l’écran ci-dessousde l’application « gestion téléphone » permettant de gérer les SMS et les appels téléphoniques 21Saber LAJILI