Tkinter détéction d'un clic sur la fenetre

Version imprimable

29/04/2013, 17h19
ultimatommm

Tkinter détéction d'un clic sur la fenetre

Bonjour,
Je suis en L1 de Mathématiques, et nous devons programmer un jeu en langage python à l'aide de la bibliothèque Tkinter.
Pour ma part, j'ai choisi de faire un jeu qui affiche une cible aléatoirement sur la fenêtre, et le but étant de cliquer dessus le plus vite possible et ainsi de suite. Mon problème est que je ne sais pas comment programmer la détection du clic de la souris sur la cible. Voila mon code provisoire :

from Tkinter import*
from random import*

fen1=Tk()

p = Canvas(fen1, width='800', height='500')

def cercle(x, y, r, coul):
"tracé d'un cercle de centre (x,y) et de rayon r"
p.create_oval(x-r, y-r, x+r, y+r, fill=coul)

def cible(taille):
x=randrange(60,750)
y=randrange(60,450)
cercle(x, y, taille,'black')
cercle(x, y, taille*3/4,'blue')
cercle(x, y, taille*2/4,'red')
cercle(x, y, taille*1/4, 'yellow')

cible(50)

p.pack()
p.mainloop()

En espérant avoir été claire, mais d'avance de votre réponse.
29/04/2013, 17h38
PauseKawa

Bonjour,

La détection se fait avec le binding.
Dans le cadre de l'application on utilisera widget.bind("<Button-1>", callback).
Pour les items d'un Canvas ce sera plutôt canvas.tag_bind(item, "<Button-1>", callback)
'callback' étant la fonction à appeler en cas d'event.
Attention : Le bind envoie un argument de type classe event Tkinter à la fonction callback.

@+
29/04/2013, 18h08
ultimatommm

Merci du conseil, j'arrive à retourner les coordonnées du clic. Par ailleurs, j'ai une autre question : Y a-t-il un moyen de trouver la couleur de la fenêtre en un point (à partir de coordonnées x et y) ?
Parce que mon problème maintenant est de détecter si le clic est bien sur la cible, et si à partir du point je pouvais déterminer la couleur du fond, je pourrais alors déterminer si il est sur la cible ou non et distribuer des points en fonction de la précision sur la cible.
J'avais penser à déterminer les coordonnées du clic par rapport a ceux de la cible mais comme la cible est un cercle, sa me parait plus compliqué puis que les coordonnées du x et du y de la cible varient.
29/04/2013, 18h12
PauseKawa

Utilisez les tags pour cela : Un exemple récent du forum.
29/04/2013, 19h22
PauseKawa

Citation:

Envoyé par ultimatommm

Par ailleurs, j'ai une autre question : Y a-t-il un moyen de trouver la couleur de la fenêtre en un point (à partir de coordonnées x et y) ?

Vous avez, par exemple, le getpixel de PIL qui fait cela sous Windows mais vous devez passer par une image Image de PIL. Un exemple ici.
Après cela dépend du WM : Un exemple avec win32gui ici.

@+
29/04/2013, 19h56
wiztricks
Salut,
Votre cible empile des cercle de couleurs 'black', 'blue', 'red', 'yellow'.
Après avoir exécuté canvas.bind('<Button-1>', on_click), le callback "on_click" sera appelé dès que l'utilisateur clique sur le Canvas.
Pour savoir sur quel item, l'utilisateur à cliqué, on peut utiliser le tag spécial 'current': canvas.find_withtag('current') retourne l'item sur lequel on a cliqué ou rien du tout. A partir de là, on peut récupérer sa "couleur" avec un canvas.itemcget(item, 'fill').
Côté code:
Code:

1 2 3 4 5 def on_click(event): items = canvas.find_withtag('current') if len(items): iid = items[0] print (canvas.itemcget(iid, 'fill'))
Et juste après la création du canvas ajouter:

Code:

canvas.bind('<Button-1>', on_click)

Si votre but est de faire "bouger" la cible à chaque coup, il sera plus simple de lui associer un tag: 'cible'. Ca donne:
Code:

1 2 3 def cercle(x, y, r, coul): "tracé d'un cercle de centre (x,y) et de rayon r" canvas.create_oval(x-r, y-r, x+r, y+r, fill=coul, tag='cible')
Ca permettra ensuite de faire bouger tous les items de la cible d'un seul coup.
Exemple: canvas.move('cible', dx, dy)
Bon courage,
- W

Bonsoir wiztricks,

En soit, et bien que la proposition des tags soit ma première réponse, je ne suis pas d'accord car les tags retournent le bbox dans le cadre d'un create_oval.
Code:

1 2 3 4 5 6 7 8 9 10 11 >>> import tkinter as tk >>> root=tk.Tk() >>> c = tk.Canvas(root) >>> c.pack() >>> c.create_oval(0, 0, c.cget("width"), c.cget("height"), fill="red") 1 >>> def on_click(e): ... print("ok") ... >>> c.bind('<Button-1>', on_click) '160814508on_click'
Avouez que ce n'est pas très userfriendly...

@+

Salut PauseKawa,
Vous avez certainement raison mais je ne comprends rien: le code montré en exemple n'assigne pas de tags ni de coordonnées. C'est quoi cette histoire de bbox?
Si je reprends le code du PO:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import tkinter as tk
from random import *
 
def create_circle(x, y, r, color, **kwds):
    "tracé d'un cercle de centre (x,y) et de rayon r"
    canvas.create_oval(x-r, y-r, x+r, y+r, fill=color, **kwds)
 
def create_target(size):
    x=randrange(60,750)
    y=randrange(60,450)
    create_circle(x, y, size,'black')
    create_circle(x, y, size*3/4,'blue')
    create_circle(x, y, size*2/4,'red')
    create_circle(x, y, size*1/4, 'yellow')
 
 
def on_click(event):
    items = canvas.find_withtag('current')
    if len(items):
        iid = items[0]
        print (canvas.itemcget(iid, 'fill'))
 
if __name__ == '__main__':
 
    app = tk.Tk()
 
    canvas = tk.Canvas(width='800', height='500')
    canvas.pack()
    create_target(50)
    canvas.bind('<Button-1>', on_click)
    tk.mainloop()

Je n'ai pas encore besoin de "tags". Et quand on clique dans la bbox mais à l'extérieur du cercle "black", pas de 'current'.
Qu'est ce qui vous chagrine?
- W

30/04/2013, 07h51
PauseKawa

Bonjour,

Citation:

Envoyé par wiztricks

Qu'est ce qui vous chagrine?

Le fait d'avoir proposer les tags.
'current' est largement à son aise dans ce genre de code pour passer à coté et se tordre les méninges avec des x, y et autres tags/tag_bind.

@+
30/04/2013, 10h59
ultimatommm

Merci pour tout ces conseils, j'ai pu bien avancer mon jeu. :ccool:

Me voilà maintenant confronté a un autre problème. Je n'arrive pas à déplacer la cible à partir de la fonction on_clic

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
from Tkinter import*
from random import*
 
########################
 
def on_clic(event):
    items = p.find_withtag('current')
    if len(items):
        iid = items[0]
        return (p.itemcget(iid, 'fill'))
 
def cercle(x, y, r, coul):
     p.create_oval(x-r, y-r, x+r, y+r, fill=coul, tag='cible')
 
def cible(taille):
    x=randrange(60,750)
    y=randrange(60,450)
    cercle(x, y, taille,'black')
    cercle(x, y, taille*3/4,'blue')
    cercle(x, y, taille*2/4,'red')
    cercle(x, y, taille*1/4, 'yellow')
 
 
########################
cpt=0
fen1=Tk()
p = Canvas(fen1, width='800', height='500')
p.pack()
bouton = Button(fen1, text="Quitter", command=fen1.destroy)
bouton.pack()
 
p.bind("<Button-1>", on_clic)
cible(50)
 
 
 
p.pack()
p.mainloop()

J'ai essayé la condition suivante sans succès :

Code:

1
2
if on_clic=='red' or on_clic=='blue' or on_clic=='yellow' or on_clic=='black' :
     move('cible',dx,dy)

Par ailleurs, y a-t-il un moyen de déplacer la cible par rapport au repère de la fenêtre et non au repère relatif de la cible ?

J'ai réussi à détecter si le clic est sur la cible, c'était pas très compliqué, fallait juste y penser, mais comment déplacer la cible par rapport à la fenêtre.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
from Tkinter import*
from random import*
 
########################
 
def on_clic(event):
    items = p.find_withtag('current')
    if len(items):
        iid = items[0]
        if (p.itemcget(iid, 'fill'))== 'red':
            cible(50)
 
def cercle(x, y, r, coul):
     p.create_oval(x-r, y-r, x+r, y+r, fill=coul, tag='cible')
 
def cible(taille):
    x=randrange(60,750)
    y=randrange(60,450)
    cercle(x, y, taille,'black')
    cercle(x, y, taille*3/4,'blue')
    cercle(x, y, taille*2/4,'red')
    cercle(x, y, taille*1/4, 'yellow')
 
 
########################
cpt=0
fen1=Tk()
p = Canvas(fen1, width='800', height='500')
p.pack()
bouton = Button(fen1, text="Quitter", command=fen1.destroy)
bouton.pack()
 
p.bind("<Button-1>", on_clic)
cible(50)
 
 
 
p.pack()
p.mainloop()

Le programme créer une nouvelle cible à chaque fois mais garde les cibles précédentes, donc il me faut soit éffacer la cible après chaque clic ou bien déplacer la cible.

Code:

1
2
3
4
5
6
7
8
9
def on_clic(event):
    items = p.find_withtag('current')
    if len(items):
        for c in p.find_withtag('cible'):
            p.delete(c)
        cible(50)
 
def cercle(x, y, r, coul):
     p.create_oval(x-r, y-r, x+r, y+r, fill=coul, tag='cible')

C'est encore la solution la plus simple.

Citation:

Envoyé par PauseKawa

C'est encore la solution la plus simple.

Pas vraiment vu que .delete() utilise le tag or id.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
from Tkinter import *
from random import *
 
 
def on_clic(event):
    global cpt, match
    cpt += 1
    items = p.find_withtag('current')
    if items:
        match += 1
        p.delete('cible')
        cible(50)
    score.config(text="%d/%d" % (match, cpt))
 
 
def cercle(x, y, r, coul):
     p.create_oval(x-r, y-r, x+r, y+r, fill=coul, tag='cible')
 
 
def cible(taille):
    x = randrange(60, 750)
    y = randrange(60, 450)
    cercle(x, y, taille, 'black')
    cercle(x, y, taille*3/4, 'blue')
    cercle(x, y, taille*2/4, 'red')
    cercle(x, y, taille*1/4, 'yellow')
 
 
cpt = 0
match = 0
fen1 = Tk()
p = Canvas(fen1, width='800', height='500')
p.pack()
score = Label(fen1, text="0/0")
score.pack()
Button(fen1, text="Quitter", command=fen1.destroy).pack()
p.bind("<Button-1>", on_clic)
cible(50)
fen1.mainloop()