PyPhyPC

Gestion des objets graphiques

Une fois les objets graphiques créés, il est possible d'interagir avec eux.
On envisage ici une interaction via des clics souris.

La méthode find_closest() permet de détecter les objets les plus proches du clic (il existe d'autres méthodes : find_all(), find_enclosed(), find_overlapping()...).
find_closest() renvoie un tuple de la forme (n,) où n est l'id de l'objet (son numéro dans l'ordre chronologique de création des objets).

Une fois un objet particulier ciblé, il est possible de :

déterminer ses caractéristiques : méthode itemcget() ;
modifier ses propriétés (couleurs, épaisseur des traits, visibilité...) : méthode itemconfig().

Les objets sont automatiquement numérotés dans l'ordre de leur création, l'id est ce numéro (cf. code fourni) mais il est possible d'affecter des étiquettes ou tags aux objets, ce qui permet d'identifier un ensemble d'objets ayant tous le même tag ou un objet particulier ayant un tag unique.
Associer un tag à un objet lors de sa création, exemple :
nom_canvas.create_rectangle(x1, y1, x2, y2, fill='yellow', tags=('rectangle', 'jaune'))
Rechercher un objet grâce à son tag, exemple :
nom_canvas.find_withtag('rectangle')
Modifier un objet grâce à son tag, exemple :
nom_canvas.itemconfig('rectangle', fill='green')
On peut aussi ajouter des tags (addtag), supprimer des tags (dtag), lister tous les tags d'un objet (gettags, renvoie un tuple).
Il est possible de scruter un événement lié à un tag, par exemple d'appeler un fonctione (callback) lorsqu'un objet avec ce tag est cliqué :
nom_canvas.tag_bind('rectangle','<ButtonPress-1>', callback).

Il existe également un tag particulier permettant d'identifier l'objet cliqué.
L'instruction id = event.widget.find_withtag("current") permet de récupérer un tuple contenant l'id de l'objet cliqué.
L'instruction nom_canvas.gettags(id[0]) permet alors de récupérer les tags associés à l'objet cliqué afin d'interagir avec lui.

❮ ❯

Code

Utilisation de find_closest

import tkinter as tk
from tkinter import ttk

# Changer la couleur d'un carré cliqué :
def detection_clic(event):
	# Coordonnées du clic : event
	xsouris, ysouris = event.x, event.y
	# Recherche de l'objet le plus proche du clic : find_closest
	objet = dessin.find_closest(xsouris, ysouris)
	
	# find_closest retourne un tuple de la forme (n,) où n est un entier
	# Voir sorties dans le shell :
	print('Tuple :', objet) 	# renvoie (n,)
	print("id du 1er élément du tuple :", objet[0]) # renvoie n (numéro de l'objet)
	
	# Exemple d'utilisation de l'objet trouvé : coords
	c = dessin.coords(objet)
	print('id objet et ses coordonnées :', objet[0], c)
	
	# Exemple de détermination d'une caractéristique de l'objet : itemcget
	couleur = dessin.itemcget(objet[0], 'fill') 
	print('id objet et sa couleur :', objet[0], couleur)
	
	# Exemple de modification de l'objet : itemconfig
	dessin.itemconfig(objet[0], fill='blue')

	# Exemple de modification d'un widget : configure (ou config)
	legende.configure(text='Carré n°'+ str(objet[0]))


monAppli = tk.Tk()

dessin = tk.Canvas(monAppli, bg='white', height=250, width=300)
dessin.pack()
legende  = ttk.Label(monAppli, text='Cliquer sur un carré')
legende.pack()

# Création de 5 carrés dans la zone de dessin :
for k in range(5):
	x1, y1 = 20*(1+k), 20*(2+k)
	x2, y2 = x1+30, y1+30
	dessin.create_rectangle(x1, y1, x2, y2, fill='yellow')

monAppli.bind("<Button-1>", detection_clic)

monAppli.mainloop()

Utilisation des tags

import tkinter as tk
from tkinter import ttk

# Changer la couleur d'un carré cliqué :
def detection_clic(event):
	# Pour la compréhension du script, widget cliqué :
	print("type :",type(event.widget))
	# Si clic sur le canvas (et pas sur le bouton) :
	if isinstance(event.widget, tk.Canvas): 
		# Objet cliqué :
		objet = event.widget.find_withtag("current")
		# Tags de l'objet trouvé : gettags -> renvoie un tuple(n,)
		tags = dessin.gettags(objet)
		# Si clic sur un objet 'Rectangle' et pas sur le fond du canvas (tuple non vide) :
		if tags!=() and 'Rectangle' in tags: 
			couleur = dessin.itemcget(objet[0], 'fill')
			dessin.itemconfig(objet[0], fill='blue')
			legende.configure(text='Carré n°'+ str(objet[0]))

# Supprimer tous les rectangles :
def suppressionR():
	collection = dessin.find_withtag("Rectangle")
	for objet in collection:
		dessin.delete(objet)

monAppli = tk.Tk()

dessin = tk.Canvas(monAppli, bg='white', height=250, width=300)
dessin.pack()
legende  = ttk.Label(monAppli, text='Cliquer sur un carré')
legende.pack()
ttk.Button(monAppli, text='Supprimer tous les rectangles', command=suppressionR).pack(padx=10, pady=10)

# Création de 5 carrés avec le tag commun 'Rectangle' et un tag individuel 
# Création de 5 cercles avec le tag commun 'Cercle' :
for k in range(5):
	x1, y1 = 20*(1+k), 20*(2+k)
	x2, y2 = x1+30, y1+30
	dessin.create_rectangle(x1, y1, x2, y2, fill='yellow', tags=('Rectangle', 'rectangle n°'+str(k)))
	dessin.create_oval(x1+40, y1+70, x2+40, y2+70, fill='green', tags=('Cercle', 'cercle n°'+str(k)))

monAppli.bind("<Button-1>", detection_clic)

monAppli.mainloop()

Commentaires

La méthode find_closest() retourne un tuple de la forme (n,) où n est un entier (int).
Avanatage : mise en oeuvre rapide et simple ; inconvénient : détecte toujours un objet même si on clique sur le fond du canvas.

Les tags permettent d'identifier avec précision des objets individuels et de manipuler des collections d'objet.
Avantage : méthode puissante permettant une gestion efficace dans des situations variées et complexes ; inconvénient : un peu plus de code, l'utilisation de event.widget.find_withtag("current") nécessite de tester la classe de l'objet cliqué (<class 'tkinter.Canvas'>, <class 'tkinter.ttk.Button'>...) via une instruction de la forme isinstance(event.widget, tk.Canvas), isinstance(event.widget, ttk.Button) afin de définir l'origine du clic.

Utiliser des ressources web

Canvas - TkDocs

Canvas (tkinter), en particulier les paragraphes "Item Specifiers: Handles and Tags", "Reference : itemcget, itemconfig".

❮ ❯