La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Android_MVC 1 Android View, onClick, Activity, Modèle Vue Contrôleur Notes de cours jean-michel Douin, douin au cnam point fr version : 26 Septembre 2012.

Présentations similaires


Présentation au sujet: "Android_MVC 1 Android View, onClick, Activity, Modèle Vue Contrôleur Notes de cours jean-michel Douin, douin au cnam point fr version : 26 Septembre 2012."— Transcription de la présentation:

1 Android_MVC 1 Android View, onClick, Activity, Modèle Vue Contrôleur Notes de cours jean-michel Douin, douin au cnam point fr version : 26 Septembre 2012

2 Android_MVC 2 Bibliographie utilisée … Android : Développer des applications mobiles pour les Google Phones, de Florent Garin, chez Dunod Le cours de Victor Matos Android A Programmers Guide - McGraw Hill Professional Android Application Development – Wrox

3 Android_MVC 3 Avertissement, pré-requis et sommaire Pré requis indispensable –Avoir réalisé le tp mvc, –Un tp utilisant une calculette à pile Au sommaire –Comment assurer un couplage faible des classes –Observable/Observateur –IHM/Vue et Listener/Contrôleur

4 Android_MVC 4 Pré requis, rappel Pré requis –TP Calculette à pile déjà réalisé J2SE Thème : Modèle Vue Contrôleur –Usage de lapplette à cette URL est conseillée >appletviewer

5 Android_MVC 5 Pré requis, MVC

6 Android_MVC 6 Pré requis, larchitecture retenue pour le TP Le Modèle est une pile (classe PileModele ). La Vue correspond à l'affichage de l'état de la pile (classe Vue). Le Contrôleur gère les évènements issus des boutons +, -, *, /,[] (classe Controleur). –L'applette crée, assemble le modèle, la vue et le contrôle (classe AppletteCalculette).

7 Android_MVC 7 Cette architecture engendre des discussions Le Modèle est ici une pile (classe PileModele ). La Vue correspond à l'affichage de l'état de la pile (classe Vue). Le Contrôleur gère les évènements issus des boutons +, -, *, /,[] –L'applette crée, assemble le modèle, la vue et le contrôle (classe AppletteCalculette).

8 Android_MVC 8 Discussions … entre nous Le modèle pourrait être la calculette constituée pour ses calculs internes d'une pile, Pourquoi les "listeners" des boutons sont-ils locaux au contrôleur ? Pourquoi un JPanel pour le contrôleur ? Ce choix de découpage MVC vous parait-il réaliste ? –Discussion, blabla, blabla, blabla

9 Android_MVC 9 Architecture classique … une valeur sûre Ici le Modèle hérite de java.util.Observable La Vue implemente java.util.Observer Lutilisateur clique Lutilisateur visualise

10 Android_MVC 10 MVC encore Model extends Observable View implements Observer Controller implements XXXXListener, YYYYListener

11 Android_MVC 11 Nouvelle architecture En conséquence Au tp Le Modèle est une pile (classe PileModele ). La Vue correspond à l'affichage de l'état de la pile (classe Vue). Le Contrôleur gère les évènements issus des boutons +, -, *, /,[]. Architecture retenue Le Modèle est une calculette La Vue correspond à lIHM (au complet). Le Contrôleur gère les évènements issus des boutons +, -, *, /,[]

12 Android_MVC 12 Architecture retenue Le Modèle –La calculette munie de ses opérations (+,-,/,*,…) Hérite de la classe java.util.Observable Les sources du modèle sont ici –http://douin.free.fr/tp4Calculette/http://douin.free.fr/tp4Calculette/ La Vue –LIHM affichage, zone de saisie, boutons … Implémente java.util.Observer Le Contrôleur –Réalisation, implémentation des listeners, (le comportement de lIHM) Implémente plusieurs ActionListener -> pour Android, quel découpage ?, quelles classes ?

13 Android_MVC 13 Android, la classe Activity Activité comme application élémentaire –À cette activité lui correspond une IHM, ce que lon voit … public class Calculette extends Activity { –Cette IHM est décrite par un fichier XML (la vue) –Lactivité réagit aux sollicitations de lutilisateur (le contrôleur)

14 Android_MVC 14 LIHM de la calculette Un fichier XML décrit complètement cette interface Lactivité Calculette affiche, présente cette interface

15 Android_MVC 15 Android, la calculette Android : Démonstration … Lactivité affiche lIHM Le modèle ne change pas –Cf. le TP

16 Android_MVC 16 IHM : Layout, View, Button… Description de cette interface en XML –Fichier res/layout/main.xml LinearLayout TextView EditText TableRow Button ProgressBar

17 Android_MVC 17 Interface, IHM : Approche déclarative./res/ Chaque composant possède un id (android:id=

18 Android_MVC 18 Chaque composant a son id


Télécharger ppt "Android_MVC 1 Android View, onClick, Activity, Modèle Vue Contrôleur Notes de cours jean-michel Douin, douin au cnam point fr version : 26 Septembre 2012."

Présentations similaires


Annonces Google