[PDF] - La gestion des événements

View - Download - La gestion des événements

Previous PDF

Next PDF

3.36pt

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 1/30

La gestion des événements

Michel C. Desmarais

Génie informatique et logiciel

École Polytechnique de Montréal

26 août, 2019

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 1/30

3.36pt

Les événements

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 2/30

Types d"événements

I Un événement est une structure logicielle contenant plusieurs informations au sujet d"une occurrence asynchrone d"intérêt I

Types d"événements :

I d"entrée I généré par l"utilisateur

Iaccompagné de la position du curseur

Ip.e. mouvement de la souris, touche du clavier appuyée ou relâchée, mouvement tactile, etc. I de fenêtre I généré par le système de fenêtrage Ip.e. création/destruction, ouverture/fermeture, sélection/dé-sélection, déplacement, changement de taille ou visibilité d"une partie précédemment cachée d"une fenêtre I généré par l"application I parfois utilisé pour la communication entre les composants ou même entre les applications (p.e.firePropertyChangeen

Java Swing, ouelement.dispatchEvent(new

Event("click")))

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 3/30

Événement X de bouton de souris

typedef s truct int

t ype;/*B uttonPresso rB uttonRelease* /unsignedl ongs erial;/*# o fl astr equestp rocessedb ys erver* /Bool send_event;/*t ruei ft hisc amef roma S endEventr equest* /Display *display;/*D isplayt hee ventw asr eadf rom* /Window window;/*' 'event""w indowi ti sr eportedr elativet o* /Window root;/*r ootw indowt hatt hee vento ccurredo n* /Window subwindow;/*c hildw indow* /Time time;/*m illiseconds* /intx ,y ;/*p ointerx ,y c oordinatesi ne ventw indow* /intx _root, y _root;/*c oordinatesr elativet or oot* /unsignedi nts tate;/*k eyo rb uttonm ask* /unsignedi ntb utton;/*d etail* /Bool same_screen;/*s ames creenf lag* /} XButtonEvent;

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 4/30

Événements d"entrée

Boutons de souris

I

Bouton appuyé, bouton relâché

I

Identification du bouton

I Plusieurs variations selon le système d"exploitation (Mac,

Windows ou X)

I Combinaisons avec touches spéciales (modificateurs) : p.e. shift, ctrl, alt I autant d"événements que de combinaisons? ctrl-alt-shift-left-button-down! Ion inclut dans la structure d"événement un masque avec un bit par modificateur LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 5/30

Événements d"entrée

Mouvements de souris

Sur les périphériques modernes, un événement est généré à chaque changement de position de la souris I contrôle donné à l"utilisateur I générera énormément d"événements! I mécanismes de masquage des événements réduit le flot I certains systèmes permettent aussi de ne générer un tel événement que si le changement de position dépasse un certain seuil : on ignore ainsi les simples tremblements LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 6/30

Événements d"entrée (suite)

Touches du clavier

I

Semblables aux boutons de souris...

I touche appuyée, touche relâchée

Iidentification de la touche

I ...sauf que I les claviers ne sont pas standard, p.e. position shift/ctrl Iles combinaisons de touches sont fréquentes, p.e. shift "a" ou "A"? Itouches d"accélération pour les items de menu, p.e. (Macintosh),ou le drapeau (Windows), (X-window) I La solution consiste à effectuer un pré-traitement : I deux événements (touche appuyée/relâchée)→code du caractère correspondant Imodificateurs interceptés pour détermination du code et mise

à jour du bit approprié

Iaccélérateurs interceptés et transmis au système de menus LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 7/30

Événements sémantiques

I En pratique, on ne s"intéresse pas toujours à des événements de base I Par exemple, pour une fenêtre de dialogue de choix de fichier, on veut simplement récupérer le nom du fichier une fois la sélection terminée I Les événements ditssémantiques(terminologie de Swing) simplifient la tâche I

Ce sont des énénements de haut niveau comme

ActionPerformed(Swing) ouondblclick(double clic en JavaScript) et qui peuvent survenir suite à plusieurs événements de bas niveau (retour de chariot, bouton OK appuyé puis relâché). I Ces événements peuvent être générés par d"autres composants ou par un traitement de séquences d"événements de bas niveau LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 8/30

Autres événements en JavaScript

I onmousover: la souris est sur l"élément ou un des enfants I onfocusout: un élément de formulaire perd le focus I onload: l"objet est chargé (bodyouimgpar exemple) I ondragstart: début de "transport" d"un élément I animationend: une animation CSS est complétée I ontouchstart: une pression tactile sur l"élément débute I swipe: un glissement sur un élément (JQuery Mobile) I setTimeout(fn, délai): pas un événement, mais tout comme... nous y reviendrons et ça nous amènera à la boucle d"événements

Référence complète :

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 9/30 Événement Android de détection de geste,MotionEvent I Générique : fonctionne avec souris, crayon, écran tactile avec un ou plusieurs doigts (plusieurs tracés par des "pointeurs") I

Complexe : 87 méthodes, majoritairement desget

I Composé d"une série de coordonnées correspondant à des "touchés" (touch) LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 10/30

3.36pt

L"assignation d"un événement à un objet

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 11/30

Hiérarchie

I

Concept de fenêtre

I sous-ensemble (rectangulaire) de l"écran Ireprésentation graphique d"un objet interactif I

Décomposition hiérarchique de l"écran

I l"écran est une fenêtre Iune fenêtre peut avoir des sous-fenêtres sur sa surface I Cette décomposition s"applique aussi aux composants et au DOM LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 12/30

À qui l"événement?

I

Basé sur la hiérarchie

I

Premier temps : processusdescendant(capturingen

JavaScript)

I

Second temps : processusascendant(bubblingen JavaScript)LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 13/30

Répartition des événements

À quelle fenêtre appartient un événement d"entrée? I

Événements de clavier

I "focus-follows-cursor" : comme pour les événements de souris I"click-to-type" : à la dernière fenêtre ayant reçu un événement bouton-appuyé I

Concept de monopole du clavier ("key focus")

I une fenêtre s"approprie momentanément tous les événements de clavier Ipeut servir à implanter la politique "click-to-type" I

Concept de monopole de la souris ("mouse focus")

I une fenêtre s"approprie momentanément tous les événements de souris Iutile p.e. pour une barre de défilement très étroite I Plus complexe pour créer des événements qui ont une durée (swipede JQuery ouGestureDetectorde Android) LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 14/30

3.36pt

Boucle d"événements

LOG2420 - Analyse et conception d"interfaces utilisateur - La gestion des événements 15/30

Une boucle d"événements rudimentaire en X11

Retour dans le passéwhile(1){

XNextEvent(d, &e);

quotesdbs_dbs33.pdfusesText_39

[PDF] Logement. Maintien à domicile. Alimentation. Transport. Budget

[PDF] LOGICIEL DE CAPTURE ET DE GESTION DES FLUX DE DOCUMENTS MOINS DE PAPIER, PLUS D EFFICACITÉ.

[PDF] LOGICIEL DOCUMENTAIRE PMB TUTORIEL A L'USAGE DES ELEVES ET DES ENSEIGNANTS

[PDF] LOGICIELS LIBRES ET OUVERTS. Convention de licence libre de l administration québécoise

[PDF] Logistique (approvisionnement & technique)

[PDF] Logistique et achats Dans le cadre d un GHT

[PDF] LOGOTYPE. Experts-Comptables. CHARTE D APPLICATION Septembre 2010. de l Ordre des CHARTE D APPLICATION LOGO DE L ORDRE DES EXPERTS-COMPTABLES 1

[PDF] LOI 400.02 sur l enseignement obligatoire (LEO)

[PDF] Loi d orientation sur les activités physiques et sportives Contribution du Cnajep

[PDF] Loi d'application d'application du code de procédure civile suisse (LACPC) du 11 février 2009

[PDF] Loi de Financement de la sécurité sociale pour 2014

[PDF] Loi de programme 67-1174 du 28 Décembre 1967 relative à la restauration des monuments historiques et à la protection des sites

[PDF] Loi du 17 août 2015 relative au dialogue social et à l emploi

[PDF] Loi fédérale sur l Assurance suisse contre les risques à l exportation

[PDF] Loi modifiant la Loi sur la protection du consommateur et la Loi sur le recouvrement de certaines créances