INTRODUCTION

Pour le moment, notre compréhension de l’ordinateur se limite à une machine qui effectue des instructions de manière séquentielle, les unes après les autres. L’exécution du programme peut être influencée par certaines conditions et parcourir des boucles. Les structures de programmation que l’on vient de décrire sont appelées séquence, sélection et itération. Böhm et Jacobini ont montré dans un articlefameux datant de 1966 que n’importe quelle procédure de calcul (algorithme) pouvait être réalisée uniquement à l’aide de ces trois structures de programmation fondamentales.

Ce modèle d’exécution du programme n’est cependant vrai que dans la mesure où le programme n’est soumis à aucune influence extérieure. Par exemple, on peut imaginer interrompre à tout moment un programme en cliquant sur le bouton « fermer » avec la souris. Ce genre de processus nécessite par contre un nouveau concept de programmation : la gestion des événements (event handling en anglais). Nous avons déjà vu la base de la gestion d’événements dans le chapitre « Graphiques Tortue / Gestion d’événements ». Cela consiste en procédures du style

« À chaque fois que l’événement e survient, la fonction f  est exécutée ».

L’implémentation en est simple et bien maitrisée depuis les premières heures de l’informatique, dans les années 50 du siècle passé. Il suffit de définir une fonction f (appelée routine d’interruption ou simplement interruption) qui n’est jamais appelée explicitement par le programme. Elle est pour ainsi dire inactive jusqu’à ce qu’un certain événement E comme une influence extérieure survienne et qu’elle soit appelée automatiquement par le système. De nos jours, on appelle ce genre de fonction des fonctions de rappel (callback en anglais) et on dit que la fonction de rappel est « déclenchée » par l’événement E.  Souvent, les fonctions de rappel sont appelées avec des paramètres comportant des informations importantes concernant l’événement responsable du déclenchement. Ces informations permettent de savoir par exemple quel bouton de la souris a été cliqué et la position de la souris au moment du clic.

RÉAGIR AUX ÉVÉNEMENTS DE LA SOURIS

On peut utiliser les événements de la souris dans le GPanel, de manière similaire aux graphiques tortue. Dans l’exemple ci-dessous,  un disque vert est dessiné à la position actuelle de la souris lorsque le bouton gauche ou droit est actionné.

Dans un premier temps, on définit au sein d’une fonction dont le nom est choisi arbitrairement ce qui doit se passer lorsque survient un clic sur le bouton de la souris. Un choix raisonnable serait par exemple onMousePressed(),puisqu’il décrit à merveille ce que fait la fonction. Lorsqu’elle est appelée par le système en réponse à un événement, la fonction de rappel en question reçoit en tant que paramètre les coordonnées de la souris au moment du clic. Une fois cette fonction de rappel définie, il est nécessaire de renseigner le système qu’il doit appeler automatiquement cette fonction à chaque clic de la souris.

Ceci constitue la phase d'enregistrement de la fonction de rappel (callback registering en anglais). Pour enregistrer la fonction de rappel, il faut utiliser un paramètre nommé de la fonction makeGPanel() nommé mousePressed.

from gpanel import *

def onMousePressed(x, y):
    move(x, y) 
    fillCircle(0.02)

makeGPanel(mousePressed = onMousePressed)
setColor("green")              

MEMENTO

DÉTECTER LE MOUVEMENT DE LA SOURIS

MEMENTO

DESSIN LIBRE AVEC UN BOUTON DE LA SOURIS ENFONCÉ

MEMENTO

BOUTON GAUCHE ET BOUTON DROIT

MEMENTO

LIGNES ÉLASTIQUES

Pour dessiner des lignes droites avec un programme de dessin, on marque en général le point initial par un clic de souris. En glissant la souris (drag), on crée ainsi une ligne temporaire semblable à un élastique qui est fixé au point de départ.  Lorsque la ligne provisoire est satisfaisante, on relâche le bouton de la souris et la ligne sera dessinée de manière définitive. Pour réaliser cette fonctionnalité, il faut trois gestionnaires d’événements (fonctions de rappel): onMousePresssed, onMouseDragged et onMouseReleased.

Il se pose toutefois un petit problème : pour déplacer l’élastique provisoire lors de la construction de la ligne, il faut le supprimer et le redessiner à son nouvel emplacement à chaque petit mouvement de la souris, sans pour autant changer le dessin actuel. Si on effaçait la ligne provisoire en la peignant avec la couleur de fond, des petits trous de de cette même couleur feraient leur apparition aux points d’intersection avec les autres lignes déjà dessinées.

Pour résoudre ce problème, il faut sauvegarder le dessin actuel au sein du gestionnaire onMousePressed. La suppression de l’élastique temporaire se réalise alors naturellement en restaurant cette sauvegarde temporaire. On peut sauver un gaphique à l’aide de storeGraphics() et le restaurer avec recallGraphics().

from gpanel import *

def onMousePressed(x, y):
    global x1, y1, x2, y2
    storeGraphics()
    x1 = x
    y1 = y
    x2 = x1
    y2 = y1
    setColor("red")
 
def onMouseDragged(x, y):
    global x2, y2
    recallGraphics()
    x2 = x
    y2 = y
    line(x1, y1, x2, y2) 

def onMouseReleased(x, y):
    setColor("white")
    if not (x1 == x2 and y1 == y2):
        line(x1, y1, x2, y2)
    else:
        recalGraphics() 

x1 = 0
y1 = 0
x2 = 0
y2 = 0

makeGPanel(mousePressed = onMousePressed, 
              mouseDragged = onMouseDragged,
              mouseReleased = onMouseReleased)
title("Press And Drag To Draw Lines")
bgColor("blue")
setColor("white")
lineWidth(2)

MEMENTO

EXERCICES

MATÉRIEL SUPPLÉMENTAIRE

ENREGISTRER DES FONCTIONS DE RAPPEL AVEC DÉCORATEURS

Au lieu d’utiliser des paramètres nommés de la fonction makeGPanel() pour enregistrer les fonctions de rappel servant de gestionnaires d’événements, il est possible d’utiliser à cette fin des décorateurs. Il est possible de décorer n’importe quelle fonction prenant deux paramètres x et y avec une ligne débutant par le symbole @ de sorte que la fonction décorée soit automatiquement enregistrée par TigerJython comme gestionnaire de l’événement (fonction de rappel) avec lequel elle est décorée et qu’elle soit donc automatiquement appelée par TigerJython dès que l’événement en question survient.
Voici les décorateurs disponibles :

Voici comment on peut utiliser cette technique de décorateurs pour récrire de manière plus élégante le programme présenté plus haut permettant de dessiner un cercle en gardant le bouton de la souris enfoncé :

from gpanel import *

@onMousePressed
def doIt(x, y):
    move(x, y) 
    fillCircle(0.02)

makeGPanel()
setColor("green")