Ateliers Créer une nouvelle Activity Ecouter les événements Fragments Personnaliser une ListView ContactProvider Internationaliser vos applications Android

Le problème Une Activity permet à l’utilisateur de faire …

… une activité Une Activity est associé à une UI (un écran) Quand on change d ’écran, on change d’Activity Une application est composée de différentes activités

Comment créer ces activités ?

L’Activity principale Créée au démarrage de l’application Est déclarée dans le fichier AndroidManifest.xml

Créer une nouvelle Activity Peut se faire à la suite d’une action dans la UI

Appuie sur un bouton par exemple Dans l’activity parent :

Créer un ‘Intent’, spécifiant la classe de l’activité à créer Peut passer des paramètres supplémentaires startActivity(intent)

Intent intent = new Intent(this, DisplayMessageActivity.class);intent.putExtra(EXTRA_MESSAGE, ‘A message’);startActivity(intent);

Un ‘intent’ est un message que l’on passe au système. Indique la classe

de l’Activity

Ajoute un objet que l’on pourra

récupérer

Demande la création de

l’Activity

Créer une nouvelle Activity Ne pas oublier d’ajouter la nouvelle Activity au

Manifest

<activityandroid:name="com.example.myfirstapp.DisplayMessageActivity"android:label="@string/title_activity_display_message"android:parentActivityName="com.example.myfirstapp.MainActivity" ><meta-data

android:name="android.support.PARENT_ACTIVITY"android:value="com.example.myfirstapp.MainActivity" />

</activity>

Récupérer des paramètres La nouvelle Activity peut récupérer les données

passées par le parent

@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);

// Get the message from the intentIntent intent = getIntent();String message = intent.getStringExtra(MainActivity.EXTRA_MESSAGE);

}

Tutoriel - Starting Another Activity

http://developer.android.com/training/basics/firstapp/starting-activity.html

Intent intent = new Intent(this, DisplayMessageActivity.class);intent.putExtra(EXTRA_MESSAGE, ‘A message’);startActivity(intent);

Un ‘intent’ est un message que l’on passe au système. Indique la classe

de l’Activity

Ajoute un objet que l’on pourra

récupérer

Demande la création de

l’Activity

Cycle de vie d’une activité Possibilité de

surcharger les méthodes onCreate(), onStart(), …

Biblio Activities

http://developer.android.com/guide/components/activities.html

Managing the Activity Lifecycle http://developer.android.com/training/basics/activity-

lifecycle/index.html

Le problème Les éléments graphiques envoient des « évenements »

onClick, onTouch, … Comment les exploiter ?

La solution Ecouter les événements venant des éléments

graphiques (ou autres) Utiliser le pattern Observateur/Observé

Votre code observe les éléments graphique

buttonPlus = (Button) findViewById(R.id.buttonPlus);buttonPlus.setOnClickListener(eventListener);

Deux approches Déclarer les listeners dans le code Déclarer dans le .xml la méthode traitant l’événement

View.OnClickListener listener = new View.OnClickListener() {

public void onClick(View v) { plusClick();

}};public void onCreate(…) {buttonPlus = (Button) findViewById(R.id.buttonPlus);buttonPlus.setOnClickListener(listener);

}public void plusClick() {// Code a effectuer apres le click

}

Deux approches Déclarer dans le layout.xml la méthode traitant

l’événement

public void onCreate(…) {}public void plusClick() {// Code a effectuer apres le click

}

<Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/button_plus" android:onClick=« plusClick" />

Events onClick()

From View.OnClickListener. This is called when the user either touches the item (when in touch mode), or focuses upon the item with the navigation-keys or trackball and presses the suitable "enter" key or presses down on the trackball.

onLongClick() From View.OnLongClickListener. This is called when the user either touches and holds the item (when

in touch mode), or focuses upon the item with the navigation-keys or trackball and presses and holds the suitable "enter" key or presses and holds down on the trackball (for one second).

onFocusChange() From View.OnFocusChangeListener. This is called when the user navigates onto or away from the item,

using the navigation-keys or trackball. onKey() From View.OnKeyListener. This is called when the user is focused on the item and presses or releases a hardware key on the device.

onTouch() From View.OnTouchListener. This is called when the user performs an action qualified as a touch event,

including a press, a release, or any movement gesture on the screen (within the bounds of the item). onCreateContextMenu()

From View.OnCreateContextMenuListener. This is called when a Context Menu is being built (as the result of a sustained "long click"). See the discussion on context menus in the Menus developer guide.

(from Android developers site) http://developer.android.com/guide/topics/ui/ui-events.html

Tutoriel – Calculatrice Faire une application calculatrice

http://a-renouard.developpez.com/tutoriels/android/calculatrice/

Modifier la calculatrice pour spécifier les ‘écouteurs’ (listeners) dans le fichier de

layout. Pour n’avoir qu’une méthode appelé lors de l’appuie sur

l’un des boutons ‘chiffres’ On peut retrouver à quel chiffre correspond le bouton à partir

du texte du bouton

Biblio http://developer.android.com/guide/topics/ui/ui-

events.html Faire une application calculatrice

http://a-renouard.developpez.com/tutoriels/android/calculatrice/

Le problème Comment avoir des parties de UI (d’écran) réutilisable

dans plusieurs écrans ? Ex: tablette : deux parties côte à côte

petit écran : deux écrans

Fragment C’est une partie de UI, associé à des comportements Partie de UI

Déclarée dans un layout.xml Ou dans le code

Comportements Déclarés dans une classe étendant « Fragment »

(Android>3.x) Peut être vue comme une Activity réutilisable

Doit être contenu dans une Activity parent Réutilisable dans différentes Activity

En pratique Le layout de l’activity parent déclare l’emplacement du

fragment, et la class du Fragment

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="horizontal"android:layout_width="fill_parent"android:layout_height="fill_parent">

<fragment android:name="com.example.android.fragments.ArticleFragment "android:id="@+id/headlines_fragment"android:layout_weight="1"android:layout_width="match_parent "android:layout_height="0dp" />

</LinearLayout>

classe du fragment

Emplacement

En pratique Il faut créer la classe du Fragment

Bien retourner la View du fragment dans onViewCreate()

public class ArticleFragment extends Fragment {@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.article_view, container, false);

}}

En pratique Il faut créer le layout du Fragment

Comme un layout d’activité

<TextView xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/book_detail"style="?android:attr/textAppearanceLarge"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="16dp"android:textIsSelectable="true"/>

Atelier Atelier-fragments.pdf

Biblio Building a Dynamic UI with Fragments

http://developer.android.com/training/basics/fragments/index.html Fragments

http://developer.android.com/guide/components/fragments.html Utiliser les Fragments dans une application Android pour diviser l'écran

en plusieurs Activity http://sberfini.developpez.com/tutoriaux/android/fragments/

Un tutorial avec une solution clé en main http://www.vogella.com/tutorials/AndroidFragments/article.html#fragments_t

utorial Supporting Different Screens

http://developer.android.com/training/basics/supporting-devices/screens.html Exemple

Créer une nouvelle application Android, et choisir « master/detail flow »

Le problème Comment afficher une liste d’éléments sur un même

écran ? Ex: une liste de personnes avec leur email ?

Solution Utiliser une ListView, un ListAdapter et un layout dédié pour afficher

un élément de la liste

ListView élement graphique indiquant l’endroit dans la UI où doit être affiché la

liste Dans mainLayout.xml (ou en code)

Layout pour un élément Indique comment afficher un élément de la liste

ListView utilisera une instance de ce Layout pour chaque élément Adapter

Classe faisant le lien entre: ListView, le Layout pour un élément, la liste des éléments

Adapter Plusieurs Adapter de base:

Définir l’élément à afficher

public class Book {

protected String author;protected String title;protected String isbn;/*** @param author* @param title* @param isbn*/public Book(String author, String title, String isbn) {super();this.author = author;this.title = title;this.isbn = isbn;}

public String getAuthor() {return author;}public void setAuthor(String author) {this.author = author;}public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}public String getIsbn() {return isbn;}public void setIsbn(String isbn) {this.isbn = isbn;}

}

Définir l’emplacement de la liste(ListView) Dans le layout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context=".MainActivity" >

<ListViewandroid:id="@+id/booklist"android:layout_width="fill_parent"android:layout_height="fill_parent"

/>

</RelativeLayout>

Définir le layout d’un élément(res/layout/book_detail.xml) Dans son fichier xml<?xml version="1.0" encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" >

<ImageViewandroid:id="@+id/img"android:layout_width="wrap_content"android:layout_height="wrap_content"

android:layout_gravity="center_vertical"android:contentDescription="@string/book_image"android:padding="10dp"

/>

<LinearLayoutandroid:orientation="vertical"android:layout_width="match_parent"android:layout_height="wrap_content"

android:layout_gravity="center_vertical"android:paddingLeft="10dp"android:layout_weight="1">

<TextView android:id="@+id/author"android:layout_width="fill_parent"android:layout_height="fill_parent"android:textSize="16sp"android:textStyle="bold"/>

<TextView android:id="@+id/title"android:layout_width="fill_parent"android:layout_height="fill_parent"/>

<TextView android:id="@+id/isbn"android:layout_width="fill_parent"android:layout_height="fill_parent"/>

</LinearLayout>

</LinearLayout>

Créer et associer l’adapter(Dans l’activity)

protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);

// Recherche la vue affichant la listeListView bookList = (ListView) findViewById(R.id.booklist);// Crée la liste demandée par SimpleADapterBookCollection books = new BookCollection();List<Map<String, String>> listOfBook = new ArrayList<Map<String, String>>();for( Book book : books.getBooks()) {Map<String, String> bookMap = new HashMap<String, String>();bookMap.put("img", String.valueOf(R.drawable.ic_launcher)); // use available imgbookMap.put("author", book.getAuthor());bookMap.put("title", book.getTitle());bookMap.put("isbn", book.getIsbn());listOfBook.add(bookMap);

}

// Cree un adapter faisant le lien entre la liste d'élément et la ListView servant à l'affichage.SimpleAdapter listAdapter = new SimpleAdapter(this.getBaseContext(), listOfBook, R.layout.book_detail,

new String[] {"img", "author", "title", "isbn"}, new int[] {R.id.img, R.id.author, R.id.title, R.id.isbn});

//Associe l’adapter et le ListViewbookList.setAdapter(listAdapter);}

Résultat

Atelier Créer une application affichant une liste de livres.

Biblio Personnaliser une ListView

http://a-renouard.developpez.com/tutoriels/android/personnaliser-listview/

Probléme On veut accéder à la liste des contacts existant dans le

smartphone.

Solution Utiliser le « Contact Provider » class ContactsContract

android.provider.ContactsContract

Content Provider Permet de gérer l’accès à des données structurées Exemple

ContactProvider CalendarProvider

Votre application ; doit demander le ContentProvider

Devient client du ContentProvider

ContentProvider : Structure des données Organisées en table

Une rangée (row) représente les données d’un objet Une colonne représente les données du même attribut

On parcours les rangée à l’aide d’un ‘cursor’ On demande une valeur par le nom de sa colonne

ContentProvider : Parcours des donnéesUri CONTENT_URI = ContactsContract.Contacts.CONTENT_URI; String _ID = ContactsContract.Contacts._ID; String DISPLAY_NAME = ContactsContract.Contacts.DISPLAY_NAME;

ContentResolver contentResolver = getContentResolver(); Cursor cursor = contentResolver.query(CONTENT_URI, null,null, null, null);[…}

Cursor.close();

while (cursor.moveToNext()) { String contact_id = cursor.getString(cursor.getColumnIndex( _ID )); String name = cursor.getString(cursor.getColumnIndex( DISPLAY_NAME ));

}

Atelier Créer une activité affichant tous les contacts dans un

unique TextView

Voir le tutoriel http://examples.javacodegeeks.com/android/core/provi

der/android-contacts-example/

Biblio Tutorial

http://examples.javacodegeeks.com/android/core/provider/android-contacts-example/

Contact Provider http://developer.android.com/guide/topics/providers/c

ontacts-provider.html

Memory Definitions

http://fr.wikipedia.org/wiki/Memory_%28jeu%29 http://www.linternaute.com/jeu/classique/le-memory/

But du jeu Le but du jeu est de retourner des cartes deux par deux,

et de retrouver les paires. Réalisation Points difficiles

Interface dynamique Générateur aléatoire

Réflexions sur l’architecture MainActivity

avec GridLayout 1x CardFragment

16 instances ? paramétré par ce qui

doit être affiché ?

A A A A

A A A A

A A A A

A A A Ascore : 0/8

Bibliographie Introduction (Vogella)

http://www.vogella.com/articles/Android/article.html Android developer’s API

http://developer.android.com/guide/components/index.html

http://developer.android.com/training/basics/fragments/creating.html

Android training http://developer.android.com/training/index.html

Internationaliser vos applications Android Voir

http://a-renouard.developpez.com/tutoriels/android/internationalisation/

http://developer.android.com/training/basics/supporting-devices/languages.html

Services Les services sous Android

http://nbenbourahla.developpez.com/tutoriels/android/services-sous-android/

Sites http://android.developpez.com/cours/

Plusieurs tutoriels, du debutant a l’avancé

Debuter Introduction à la programmation sous Android

http://nbenbourahla.developpez.com/tutoriels/android/introduction-programmation-android/

Introduction aux vues sous Android http://nbenbourahla.developpez.com/tutoriels/an

droid/introduction-vues-sous-android/

Applications http://a-

renouard.developpez.com/tutoriels/android/calculatrice/

Créer une soundboard http://jodul.developpez.com/tutoriels/android/creer-

soundboard/

Divers Intégration Google Maps dans Android

http://michel-dirix.developpez.com/tutoriels/android/integration-google-maps-android/

Personnaliser une ListView http://a-

renouard.developpez.com/tutoriels/android/personnaliser-listview/

Internationaliser vos applications Android http://a-

renouard.developpez.com/tutoriels/android/internationalisation/ Construire dynamiquement ses IHM Android

http://mathias-seguy.developpez.com/cours/android/construction-ihm-dynamique/

Notifications Utiliser les notifications pour avertir l'utilisateur

http://a-renouard.developpez.com/tutoriels/android/notifications/

Les notifications sous Android http://nbenbourahla.developpez.com/tutoriels/java/an

droid_notification/

Fragments Building a Dynamic UI with Fragments

http://developer.android.com/training/basics/fragments/index.html

Utiliser les Fragments dans une application Android pour diviser l'écran en plusieurs Activity http://sberfini.developpez.com/tutoriaux/android/frag

ments/ Supporting Different Screens

http://developer.android.com/training/basics/supporting-devices/screens.html

Services Les services sous Android

http://nbenbourahla.developpez.com/tutoriels/android/services-sous-android/

Comment utiliser SQLite sous Android Comment utiliser SQLite sous Android

http://a-renouard.developpez.com/tutoriels/android/sqlite/